/* Shared session library — identical controls and rhythm in both disciplines. */
.library-heading{align-items:center}.library-tabs{display:flex;width:fit-content;max-width:100%;margin:22px auto 26px;padding:5px;gap:5px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.library-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:9px;min-width:210px;min-height:49px;margin:0;border:1px solid transparent;border-radius:9px;padding:10px 22px;font-size:15px;font-weight:700;color:var(--muted)}
.library-tabs [role=tab] svg{width:19px;height:19px}.library-tabs [role=tab][aria-selected=true]{color:var(--ink);background:color-mix(in srgb,var(--red) 13%,var(--surface));border-color:color-mix(in srgb,var(--red) 45%,var(--line));box-shadow:0 2px 7px #0001}.library-tabs [role=tab]::after{display:none}.library-tabs [role=tab] span{font-size:10px;padding:3px 6px;line-height:1}
.library-result-toolbar>label:last-child>select{box-sizing:border-box;height:36px;min-width:170px;padding:7px 35px 7px 11px;border:1px solid var(--line);border-radius:7px;font:600 12px/1.2 inherit;background-color:var(--surface);color:var(--ink);background-position:right 12px center}.library-filter-toggle{min-height:38px;padding:8px 13px;gap:8px}.library-filter-toggle svg{width:15px;height:15px}.library-result-toolbar{min-height:44px}
.library-list-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 8px}.library-list-controls nav{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.library-list-controls button[aria-pressed=true]{color:var(--red)}
.drag-library-overview h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:13px}.drag-library-overview h3 small{font-weight:400;color:var(--muted);font-size:11px}.drag-library-row .session-row-main{grid-template-columns:28px 100px minmax(180px,1fr) 145px auto}.drag-library-overview{border-top:1px solid var(--line)}
/* Drag analysis shares Track surfaces, typographic scale and button language. */
.drag-heading h1{font-size:27px;letter-spacing:-1px}.drag-heading-actions{gap:7px;flex-wrap:wrap}.drag-heading-actions .button{min-height:36px;font-size:12px}.drag-compare-control{display:inline-flex;align-items:stretch}.drag-compare-control .comparison-close{position:static;align-self:center;margin-left:2px}.drag-heading-actions .engaged{background:color-mix(in srgb,var(--red) 9%,var(--surface));border-color:color-mix(in srgb,var(--red) 36%,var(--line));color:var(--red)}
.drag-best-strip>button{position:relative;text-align:left;border:1px solid var(--line);transition:background .15s,border-color .15s;padding:14px 16px 27px;min-height:96px;background:var(--surface)}.drag-best-strip>button[aria-pressed=true]{background:color-mix(in srgb,var(--red) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--red) 10%,transparent)}.drag-best-strip>button[aria-pressed=true]>span{color:var(--red);font-weight:750}.drag-best-strip>button i{position:absolute;bottom:9px;right:13px;font-size:10px;font-style:normal;color:var(--muted)}.drag-best-strip>button[aria-pressed=true] i{color:var(--red)}.drag-best-strip>button small{font-size:10px}
.drag-rail{position:sticky;top:calc(var(--development-toolbar-height,0px) + 20px);height:calc(100dvh - var(--development-toolbar-height,0px) - 95px);max-height:900px;display:flex;flex-direction:column;overflow:hidden}.drag-rail-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.drag-rail-top .icon-button{flex:none;width:27px;height:27px;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted)}.drag-rail-top svg{width:16px;height:16px}.drag-run-list{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding-right:3px}.drag-demo-label{flex:none}.drag-shell.rail-collapsed{grid-template-columns:106px minmax(0,1fr)}.rail-collapsed .drag-rail{padding:12px 9px}.rail-collapsed .drag-rail-top .text-button span,.rail-collapsed .drag-rail-title p,.rail-collapsed .drag-rail-title h2,.rail-collapsed .drag-run-heading span+span,.rail-collapsed .drag-demo-label,.rail-collapsed .drag-run small{display:none}.rail-collapsed .drag-rail-title{margin:16px 0}.rail-collapsed .drag-run{padding:9px 6px;gap:4px;grid-template-columns:1fr}.rail-collapsed .drag-run span{font-size:10px}.rail-collapsed .drag-run strong{font-size:15px;grid-row:auto}.rail-collapsed .drag-run-list{padding:0}
.drag-telemetry-heading{align-items:center;min-height:0;padding:16px 18px;gap:16px}.drag-selected-result{display:grid!important;grid-template-columns:auto auto;align-items:center;gap:3px 18px!important}.drag-selected-result>.eyebrow{grid-column:1/-1;font-size:9px}.drag-selected-result h2{font-size:17px!important;line-height:1.25}.drag-result-time{font-size:32px!important;letter-spacing:-1px}.drag-comparison-result{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.drag-comparison-result b{color:#ed4650;font-size:15px}.faster{color:var(--green,#31b786)}.slower{color:var(--red)}.drag-result-options{display:flex!important;align-items:center!important;justify-content:flex-end;gap:7px 12px!important;flex-wrap:wrap;max-width:450px}.drag-result-options>.field-note{font-size:10px}.drag-rollout-switch{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}.drag-rollout-switch input{accent-color:var(--red);width:17px;height:17px}.drag-result-options .text-button{font-size:10px}.drag-result-stats{gap:0}.drag-stat{padding:12px}.drag-stat strong{font-size:16px}.drag-telemetry{overflow:hidden}.drag-chart-toolbar{padding:12px 16px 0;flex-wrap:wrap;gap:10px}.drag-ab-key{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.drag-ab-key b{color:#548ffd}.drag-ab-key b:nth-of-type(2){color:#ed4650}.drag-chart-host{min-height:0}.drag-chart{max-height:370px}.drag-chart-footer{align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px 12px}.drag-chart-footer>.button{margin-left:auto;font-size:11px;min-height:32px}.drag-chart-footer>.button svg{width:14px;height:14px}.drag-live-values{display:flex;justify-content:center;gap:25px;min-height:40px;padding:0 14px 8px;flex-wrap:wrap}.drag-live-values>span{flex:none;min-width:0}.drag-live-values b{font-size:16px}.drag-live-values small{font-size:9px}.drag-transport{display:flex;align-items:center;gap:12px;padding:12px 17px;border-top:1px solid var(--line);font-size:11px;font-variant-numeric:tabular-nums}.drag-transport>input{min-width:0;flex:1;accent-color:var(--red)}.drag-transport>.icon-button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;padding:7px;color:var(--ink);background:var(--surface)}.drag-transport svg{width:14px;height:14px;display:block}.drag-custom-setpoints{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap}.drag-custom-setpoints>span{font-size:10px;color:var(--muted)}.drag-custom-setpoints>div{display:flex}.drag-custom-setpoints .button{font-size:11px;min-height:30px}.drag-custom-setpoints .button[aria-pressed=true]{border-color:var(--red);color:var(--red)}.drag-custom-setpoints .icon-button{width:24px;border:0;background:transparent;color:var(--muted)}.drag-chart-footer [data-drag-instruction]{max-width:650px}.drag-context-strip{padding:12px 0;gap:20px}.drag-footer{margin-top:12px;font-size:10px}
@media(max-width:1100px){.drag-heading{align-items:flex-start}.drag-heading-actions{max-width:390px;justify-content:flex-end}.drag-library-row .session-row-main{grid-template-columns:28px 85px minmax(150px,1fr) auto}.drag-library-row .session-row-pace{display:none}.drag-result-options{max-width:300px}.drag-best-strip{gap:8px}.drag-best-strip>button{padding:12px 10px 26px}.drag-best-strip>button strong{font-size:21px}}
@media(max-width:760px){.library-tabs{width:100%;margin:18px 0}.library-tabs [role=tab]{min-width:0;flex:1;padding:10px 6px;font-size:13px}.library-tabs [role=tab] span{display:none}.drag-shell.rail-collapsed{grid-template-columns:1fr}.drag-rail{position:static;height:auto;max-height:none;display:block}.drag-run-list{display:flex;overflow:auto;max-height:95px}.drag-run{flex:0 0 115px}.rail-collapsed .drag-run{flex-basis:85px}.drag-demo-label{display:none}.drag-rail-title{margin:8px 0}.drag-rail-title h2,.drag-rail-title p{display:none}.drag-heading{display:block}.drag-heading-actions{max-width:none;justify-content:flex-start;margin-top:13px}.drag-selected-result{gap:4px 12px!important}.drag-telemetry-heading{align-items:flex-start;flex-wrap:wrap}.drag-result-options{max-width:none;justify-content:flex-start}.drag-chart-footer>span{font-size:10px}.drag-live-values{gap:16px}.drag-library-row .session-row-main{grid-template-columns:24px 1fr}.drag-library-row .session-date{grid-column:2}.drag-library-row .session-identity{grid-column:2}.drag-library-row .session-row-actions{grid-column:2;flex-wrap:wrap}.drag-library-overview h3{display:block}.drag-library-overview h3 small{display:block;margin-top:5px}.library-list-controls{flex-wrap:wrap}}

.global-nav .breadcrumb-current{font-size:12px!important;line-height:18px!important;font-weight:650!important;letter-spacing:0!important}.global-nav #nav-analysis{align-items:center}.drag-inspect-whole{padding:12px 18px}.drag-inspect-whole .button{font-size:12px}

@media(max-width:760px){.drag-chart{min-width:680px;font-size:13px}.drag-chart-host{overflow:auto}.drag-context-strip{padding-top:10px;padding-bottom:10px}}