/* DX.Studio workspace: shared visual language, application-specific workflows. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;src:url('/lab/fonts/dm-sans-400.ttf') format('truetype');font-display:swap}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;src:url('/lab/fonts/dm-sans-500.ttf') format('truetype');font-display:swap}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;src:url('/lab/fonts/dm-sans-600.ttf') format('truetype');font-display:swap}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;src:url('/lab/fonts/dm-sans-700.ttf') format('truetype');font-display:swap}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;src:url('/lab/fonts/manrope-600.ttf') format('truetype');font-display:swap}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;src:url('/lab/fonts/manrope-700.ttf') format('truetype');font-display:swap}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;src:url('/lab/fonts/manrope-800.ttf') format('truetype');font-display:swap}
:root{--ink:#1c2536;--muted:#71717a;--line:#e2e2e5;--paper:#ececec;--accent:#7152d6;--mint:#f0ebfc;--sidebar:226px;--surface:#fff;--soft:#f7f7f9;--purple-ink:#6544c7}
body{font-family:'DM Sans',Inter,Arial,sans-serif;font-size:14px;background:var(--paper);color:var(--ink)}
h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;color:#1c2b49}
h1{color:#151515}h2{font-weight:800}h3{font-weight:700}
button,.button,input,select,textarea{border-color:#dcdce1;border-radius:10px;font-family:inherit}
button,.button{font-size:12px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s}
button:hover,.button:hover{background:#f5f2fd;border-color:#c6b9ed}
button.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 3px #42307d12}
button.primary:hover{background:#6243c5;border-color:#6243c5}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b8a4ef;outline-offset:3px}
input[type=checkbox],progress{accent-color:var(--accent)}
small{line-height:1.5}a:hover{text-decoration:underline}.muted{color:var(--muted)}
.skip-link{position:fixed;top:-70px;left:12px;z-index:100;background:white;padding:12px;border-radius:8px}.skip-link:focus{top:12px}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:30px 17px 20px;display:flex;flex-direction:column;z-index:20;background:var(--paper);border-right:1px solid #dedee1;overflow-y:auto}
.studio-brand{font:800 29px/1.2 Manrope,sans-serif;letter-spacing:-1.6px;color:#171717;display:block;padding:0 12px}.studio-brand:hover{text-decoration:none}.studio-brand>span{color:var(--accent)}
.workspace-label{display:flex;gap:8px;align-items:center;padding:13px 12px 29px;font-size:12px;font-weight:600;color:#51515b}.workspace-dot{height:6px;width:6px;background:#856acb;border-radius:50%}.workspace-private{font-size:9px;color:#777;border:1px solid #d8d8da;border-radius:5px;padding:1px 5px;margin-left:auto}
.nav-caption{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#726b7d;margin:0 12px 12px}
.workflow-nav{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:5px;padding:0;margin:0;background:none;border:0;border-radius:0}
.workflow-nav button{display:flex;align-items:center;gap:12px;flex:none;text-align:left;font-size:13px;font-weight:600;color:#66646d;border:1px solid transparent;border-radius:11px;padding:13px 14px;white-space:nowrap}
.workflow-nav svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.workflow-nav button[aria-selected=true]{color:#25212f;background:white;border-color:#dcdcdf;box-shadow:0 2px 4px #11111103}
.workflow-nav button[aria-selected=true] svg{color:var(--accent)}
.workflow-nav button:hover{background:#f6f5f8}.workflow-nav #step-connections{margin-top:22px}
.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:30px 10px 0}.sidebar-avatar{width:32px;height:32px;display:grid;place-items:center;background:#dedde3;border:1px solid #d2d1d8;border-radius:10px;font-size:10px;font-weight:700;color:#615c70}.sidebar-bottom strong{font-size:11px;display:block}.sidebar-bottom small{font-size:9px;display:block}
.app-header{height:78px;min-height:0;padding:0 38px;margin-left:0;background:transparent;border:0;gap:18px;flex-wrap:nowrap}.signed-in .app-header{margin-left:var(--sidebar)}.header-brand{font:800 22px Manrope,Arial,sans-serif;color:#151515}.signed-in .header-brand{display:none}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#706977;white-space:nowrap}.breadcrumb strong{font-weight:600;color:#46434c}.breadcrumb-divider{color:#827b8b}.app-header nav{gap:9px;flex-wrap:nowrap}.app-header #export,.app-header #settings{display:none}.app-header #auth{background:#fff;padding:9px 14px}.auditor-link{font-size:11px;color:#67616f;margin-right:8px}
main{max-width:1900px;margin:0 auto;padding:15px 38px 65px;min-height:calc(100vh - 145px)}.signed-in main{margin-left:var(--sidebar)}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:9px 0 29px}.page-heading .eyebrow{display:none}.intro h1{font-size:40px;font-weight:800;line-height:1.2;letter-spacing:-1.8px;margin:0 0 11px}.intro p{font-size:13px;margin:0;color:#7c7881}.page-actions{display:flex;gap:10px;align-items:center}.page-actions button{padding:12px 16px}.page-actions span{margin-left:7px}
.eyebrow{font-size:9px;letter-spacing:1.4px;color:#8a8299}.panel{border:1px solid #dedee1;border-radius:20px;box-shadow:0 5px 16px #00000003,0 1px 2px #00000002;padding:24px;margin-bottom:22px;background:#fff}
#notice:empty{display:none}#notice:not(:empty){margin:0 38px 15px;border:1px solid #e4d0ae;border-radius:10px;font-size:12px;padding:12px 16px}.signed-in #notice:not(:empty){margin-left:calc(var(--sidebar) + 38px)}
footer{font-size:10px;display:flex;justify-content:space-between;gap:12px;margin:0 38px;padding:20px 0;border-top:1px solid #dcdcdf}.signed-in footer{margin-left:calc(var(--sidebar) + 38px)}
.library-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.library-stats>div{display:flex;align-items:center;gap:15px;position:relative;padding:21px 20px;background:white;border:1px solid var(--line);border-radius:17px}.library-stats .stat-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#f3effb;border-radius:12px;font-size:24px;color:#8a6bcd}.library-stats strong{display:block;font:800 26px/1.15 Manrope,Arial,sans-serif;color:#272032;letter-spacing:-1px}.library-stats div>span:not(.stat-icon){display:block;color:#736a7d;font-size:11px;margin-top:5px}.library-stats small{margin-left:auto;font-size:10px;max-width:125px;color:#756c7e}
.workspace,[data-screen=uploads] .workspace{display:block;max-width:none;margin:0}.workspace>aside,[data-screen=uploads] aside,[data-screen=results] aside{display:block}
aside .panel{padding:22px}aside h2{font-size:20px}
.upload{margin-top:0;padding:0!important;overflow:hidden}.upload summary{display:flex;align-items:center;gap:15px;padding:18px 22px;font-weight:600;list-style:none}.upload summary::-webkit-details-marker{display:none}.upload summary>span:nth-child(2){flex:1}.upload summary strong{display:block;color:#3c344b;font-size:13px}.upload summary small{display:block;font-size:10px;font-weight:400;margin-top:4px}.upload-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f5f3f8;color:#8d75bb;font-size:25px}.upload-expand{font-size:20px;color:var(--accent);transition:transform .15s}.upload[open] .upload-expand{transform:rotate(45deg)}.upload-body{border-top:1px solid var(--line);padding:22px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(200px,1fr);gap:10px 24px;align-items:start}.upload .drop{grid-row:1/5;padding:30px 16px;margin:0;min-height:230px;background:#faf9fc;border-color:#cdc2e3;border-radius:14px}.drop input{max-width:250px}.drop.dragging{background:#efe8fc;border-color:var(--accent)}.drop strong{color:var(--accent);font-size:16px}.drop span{font-size:11px}.upload-hint{margin:0}.upload-hint,.upload #upload-status{color:var(--muted);font-size:11px}.upload-actions .primary{flex:none;min-width:180px}.upload #upload-status{margin:0}.upload #upload-queue{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#upload-next{width:auto;margin:0;justify-self:start}#upload-help{font-size:10px}
.library-panel{background:transparent;border:0;box-shadow:none;padding:0!important}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 18px}.library-toolbar h2{font-size:19px;letter-spacing:-.6px;margin:0}.library-toolbar p{font-size:10px;margin:4px 0 0}.library-tools{display:flex;align-items:center;gap:8px}.library-tools label{margin:0}.library-search input{font-size:11px;width:210px;background:#f8f8f9;border-color:#dcdce1;padding:10px 12px}.library-filter select{min-width:140px;font-size:11px;background:#f8f8f9}.library-tools button{font-size:11px;padding:10px 13px}.result-switch,.library-back{display:none}
.videos,[data-screen=uploads] .videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-height:none;margin:0;overflow:visible}.sample-list-item{position:relative;border:1px solid #dedee1;border-radius:20px;padding:0;margin:0;background:white;overflow:hidden;box-shadow:0 5px 15px #00000004;transition:box-shadow .18s,border-color .18s}.sample-list-item:hover{border-color:#ccc3df;box-shadow:0 6px 22px #4230560b}
.sample-list-item .video-item{background:white;border:0;border-radius:0;padding:0;margin:0;font-weight:400;display:block;width:100%;height:100%;text-align:left;color:var(--ink)}.sample-list-item .video-item.active{background:white}.sample-list-item:has(.video-item.active){border-color:#c4b1ed}.sample-list-item .video-item:focus-visible{outline-offset:-4px;border-radius:20px}.video-thumbnail{position:relative;display:block;height:174px;background:#e4e2e7;overflow:hidden}.video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{display:grid;height:100%;place-items:center;font-size:45px;color:#a69cab;background:linear-gradient(120deg,#e7e4e9,#f2f0f4)}.thumbnail-duration{position:absolute;bottom:11px;right:12px;border-radius:6px;padding:3px 7px;background:#fffef1ec;color:#39323f;font-size:10px;font-weight:600;box-shadow:0 1px 3px #00000008}.video-card-content{display:block;padding:18px 20px}.video-card-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.video-card-status small{font-size:9px;color:#79717f}.video-card-content>strong{font:800 16px/1.45 Manrope,Arial,sans-serif;color:#253047;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px;letter-spacing:-.3px;overflow-wrap:anywhere}.video-card-metrics{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;margin:14px 0 18px;color:#79717f;font-size:10px}.video-card-metrics b{font-size:13px;color:#53485f;font-weight:700}.video-card-link{display:flex;justify-content:space-between;color:var(--accent);font-size:11px;font-weight:700;border-top:1px solid #efedf2;padding-top:15px;padding-right:100px}.card-delete{position:absolute;bottom:16px;right:14px;background:transparent;border-color:transparent;font-size:9px!important;padding:5px 7px!important;color:#948994}.card-delete:hover{color:#9c473b;background:#fcf0ee;border-color:#ebd1cc}.library-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed #d0c9dd;border-radius:18px}.library-empty>span{font-size:38px;color:#b09bd0}.library-empty h3{margin:15px 0 8px}.library-empty p{color:var(--muted);font-size:12px}
.badge{font-size:9px;letter-spacing:.4px;padding:4px 7px;border-radius:6px;background:#eeedf1;color:#77717e}.badge.READY,.badge.COMPLETE,.badge.CONNECTED{background:#eaf3ec;color:#548467}.badge.FAILED{background:#fbedeb;color:#a55448}.badge.PARTIAL{background:#fff2d9;color:#956e30}.badge.QUEUED,.badge.PROCESSING,.badge.PREPARING,.badge.RUNNING{background:#f0ebfb;color:#8365b6}
[data-screen=results] .library-panel{margin-bottom:20px}[data-screen=results] .library-toolbar{margin:0;padding:16px 20px;background:#f7f7f8;border:1px solid #dedee1;border-radius:14px}[data-screen=results] .library-toolbar>div,[data-screen=results] #videos{display:none}[data-screen=results] .result-switch{display:flex;align-items:center;gap:15px;flex:1;min-width:0;margin:0;color:#837a8e;font-size:11px}[data-screen=results] .result-switch select{font-size:12px;max-width:640px;width:100%;min-width:0}[data-screen=results] .library-back{display:block;flex-shrink:0;color:var(--accent);background:transparent;border-color:transparent;font-size:11px}
.sample-panel h2{font-size:22px;line-height:1.4}.sample-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:20px}.video-player{max-height:290px;border-radius:14px;background:#1a1920}.sample-context .cost-total{background:#f8f7fa;border-color:#e9e5ee;padding:18px;border-radius:12px}.sample-context .cost-total strong{font-size:19px}.sample-panel>details{margin-top:20px;padding-top:17px}.sample-panel>details>summary{font-size:12px;color:#58505f}.sample-context .button{background:white}.comparison-panel{padding:24px}.comparison-heading h2{font-size:23px}.comparison-count{background:#f3f1f7;font-size:11px}.comparison-filters{margin:22px 0 18px}.comparison-filters label{font-size:10px;color:#786a85}.comparison-filters select{font-size:11px;background:#faf9fc}.agreement{font-size:12px}.review-tabs{gap:6px;padding-bottom:14px}.review-tabs button{padding:9px 14px;font-size:11px;color:#8a7f95}.review-tabs button[aria-pressed=true]{background:#eee8f9;color:#7152ac;border:1px solid #e2d9f2}.comparison-panel .table-scroll{margin:0 -24px}.model-table thead th,.model-table tr>th:first-child{background:#faf9fc}.model-heading h3{font-size:15px}.model-table select{background:white;font-size:10px}.model-table .metric-row td,.metric-row td{background:#fcfbfe}.chip{background:#f0edf7;color:#77628e}.model-table .event,.event{background:#f8f6fb;border-radius:10px}.model-table .event button{background:white;color:#796095;border-color:#e6e0eb}.model-table .event strong{color:#534762}.detected{color:#796095}.action-timeline{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#e9e5ef calc(25% - 1px),#e9e5ef 25%)}.action-timeline button{background:#ebe2f8;border-color:#c6b3e1;color:#76558e}.action-timeline button:hover{background:#dfd2ef}
.analysis-heading{padding:0 0 16px;border-bottom:1px solid #dedee1;margin:0 0 23px}.analysis-heading .eyebrow{display:none}.analysis-heading h2{font-size:17px;margin:0 0 8px;letter-spacing:-.4px}.analysis-heading p{font-size:12px;max-width:720px}.analysis-heading>div:last-child:not(:first-child){display:flex;align-items:flex-end;gap:10px}.analysis-heading label{margin:0}.analysis-heading select{min-width:150px;font-size:11px}.analysis-layout{gap:22px;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}.analysis-video{padding:16px 0}.analysis-video-status{flex-direction:row;flex-wrap:wrap;max-width:170px;justify-content:flex-end}.analysis-video-status button{font-size:10px}.model-choice{border:1px solid #e7e2ef;border-radius:10px;padding:12px;margin:0;max-width:none;background:#fcfbfe}.model-choice:has(input:checked){border-color:#c5b3e4;background:#f5f0fd}.model-choice span{font-size:12px}.model-choice small{font-size:10px}.model-picker{border-color:#e8e4ee;padding:15px}.model-picker legend{color:#95869f;font-size:10px}.model-picker .model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-setup .model-options{grid-template-columns:1fr}.model-picker>button{margin-top:12px}.batch-cost{background:#f8f5fd;border:1px solid #e5dcef}.batch-cost strong{color:#655374}.analysis-setup>p,.qa-layout>.panel>p{font-size:12px}.analysis-video strong{font-size:12px}
.connection-cards{gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.connection-cards article{padding:22px;border-radius:16px;background:#faf9fc;border-color:#e5e0ed}.connection-cards h3{font-size:18px;margin-bottom:12px}.connection-cards small{font-size:10px}.connection-cards .badge{margin-bottom:5px}
.qa-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:22px}#qa-videos{max-height:300px;overflow:auto;margin:20px 0;padding-right:6px}.qa-video{padding:12px 0;align-items:flex-start}.qa-video strong{font-size:11px}.qa-video small{font-size:10px}.qa-video input{margin-top:5px;flex-shrink:0}.qa-check{font-size:11px}.qa-check input{width:15px;height:15px;flex-shrink:0}.qa-layout .video-item{background:#faf9fc;border-color:#eeeaf4;border-radius:10px;padding:12px;font-size:11px}.qa-layout .video-item.active{background:#f0eafa;border-color:#d9cdeb}.qa-layout .video-item strong{font-size:11px}.qa-layout .video-item small{font-size:10px}.qa-layout .video-item .badge{margin:8px 5px 0 0}#qa-jobs{max-height:530px}#qa-report .panel{overflow:hidden}.qa-comparison th{font-size:10px}.qa-costs{padding:15px;background:#f9f7fc;border-radius:12px}.qa-costs strong{font-size:16px}.qa-costs small{font-size:10px}
.spend-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.spend-tiles .panel{padding:20px}.spend-tiles h2{font-size:24px;margin-top:10px;color:#5d487d}.spend-tiles p{font-size:10px}#spend-content th{text-transform:none}#spend-content .panel>p{font-size:12px}.table-scroll{scrollbar-color:#cdc4d7 #f6f3f9}
.master-stats>div{background:#f8f5fc;border-color:#e7e0ef;border-radius:14px}.master-stats strong{color:#7b5998}.master-stats span{color:#77617f;font-size:11px}.master-card{background:#fdfcfe;border-color:#e4deeb;border-radius:14px}.master-conflict{background:#fffdf7;border-left:4px solid #bd8b39}.master-card h3{font-size:15px}.master-card p{font-size:12px}.master-support{background:#f1edf7;color:#8b6ea0;font-size:10px}.master-participants{color:#886b9b}.master-sources{border-color:#e7deec}.master-sources summary{color:#8f6ea6}.master-sources article{border-color:#d9cce2}.master-corrections,.master-ledger,.master-corrections input{border-color:#e5ddeb}.master-timeline-panel{border-color:#e4ddea;border-radius:14px}.master-timeline-label{color:#73617d}.master-timeline-label small{color:#807286}.master-timeline-ruler{color:#928498}.master-time-track{background:#eee8f4}.master-time-track span{background:#b395c8}.master-card:focus{outline-color:#b79acc}.master-columns{gap:22px}.master-timeline-track button:focus-visible{outline-color:#a181b5}
#login{max-width:650px;margin:70px auto;padding:40px}.danger{color:#9a655c;border-color:#e6d4d0}.trash-item{font-size:12px}dialog{border-radius:20px;box-shadow:0 25px 120px #1a10252b}dialog::backdrop{background:#23192b75}dialog h2{font-size:21px}dialog p,dialog li{font-size:12px}dialog .setup-steps{padding-left:20px}#run-dialog{max-width:960px;width:min(960px,94vw)}
@media(min-width:1600px){.videos,[data-screen=uploads] .videos{grid-template-columns:repeat(4,minmax(0,1fr))}.video-thumbnail{height:185px}.library-stats small{max-width:none}.sample-overview{grid-template-columns:minmax(320px,.8fr) minmax(350px,1.2fr)}}
@media(min-width:2250px){.signed-in main{margin-right:auto}.app-header{max-width:2126px}.signed-in footer{max-width:1824px}}
@media(max-width:1200px){:root{--sidebar:196px}.app-sidebar{padding-inline:12px}.studio-brand{font-size:26px}.app-header{padding-inline:25px}main{padding-inline:25px}.intro h1{font-size:34px}.library-stats small{display:none}.videos,[data-screen=uploads] .videos{grid-template-columns:repeat(2,minmax(0,1fr))}.video-thumbnail{height:180px}.page-actions button{padding:10px 12px}.analysis-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.qa-layout{grid-template-columns:1fr 1fr}.analysis-video-status{max-width:110px;flex-direction:column}.signed-in #notice:not(:empty),.signed-in footer{margin-left:calc(var(--sidebar) + 25px)}.library-tools{gap:6px}.library-search input{width:150px}}
@media(max-width:1000px){.app-header{height:65px}.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}.page-heading{align-items:flex-start}.page-actions{flex-direction:column;align-items:stretch}.page-actions button{font-size:10px}.library-stats{gap:10px}.library-stats>div{padding:15px 12px;gap:10px}.library-stats .stat-icon{width:30px;height:30px;font-size:19px}.library-stats strong{font-size:23px}.library-stats div>span:not(.stat-icon){font-size:9px}.library-toolbar{flex-wrap:wrap}.library-tools{flex:1;justify-content:flex-end}.library-search{flex:1}.library-search input{width:100%}.analysis-layout,.qa-layout{grid-template-columns:1fr}.analysis-setup .model-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-overview{grid-template-columns:1fr 1fr;gap:18px}.sample-panel h2{font-size:18px}.sample-context .cost-total strong{font-size:16px}.model-table{min-width:calc(115px + var(--models)*220px)}.master-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.master-columns{grid-template-columns:1fr}.analysis-video-status{max-width:none;flex-direction:row}.upload-body{grid-template-columns:1fr}.upload .drop{grid-row:auto;min-height:180px}#qa-videos{max-height:260px}.library-filter select{min-width:125px}}
@media(max-width:760px){:root{--sidebar:0px}.signed-in .app-header{margin-left:0}.app-header{padding:15px 18px;height:60px}.signed-in .header-brand{display:block;font-size:20px}.breadcrumb{display:none}.app-header nav{margin-left:auto}.auditor-link{display:none}.app-sidebar{position:sticky;top:0;width:100%;height:auto;padding:9px 12px;border-right:0;border-bottom:1px solid #dbd8df;overflow:visible;z-index:20;order:0}.app-sidebar .studio-brand,.workspace-label,.nav-caption,.sidebar-bottom{display:none}.workflow-nav{flex-direction:row;overflow-x:auto;gap:5px;scrollbar-width:thin;padding-bottom:2px}.workflow-nav button{flex:0 0 auto;font-size:11px;padding:10px 12px;gap:7px}.workflow-nav svg{width:15px;height:15px}.workflow-nav #step-connections{margin-top:0}.signed-in main,main{margin:0;padding:12px 18px 40px;min-height:calc(100vh - 185px)}.intro h1{font-size:32px;letter-spacing:-1.2px}.intro p{font-size:12px}.page-heading{margin:6px 0 24px;gap:12px}.page-actions{flex-direction:row}.page-actions #page-analyze{display:none}.page-actions button{font-size:11px;padding:11px}.panel{padding:20px;border-radius:17px}.comparison-panel .table-scroll{margin:0 -20px}.signed-in footer,footer{margin:0 18px;padding:18px 0}.signed-in #notice:not(:empty),#notice:not(:empty){margin:8px 18px 12px}.library-stats{margin-bottom:16px}.library-stats>div{gap:8px;flex-direction:column;align-items:flex-start}.library-stats .stat-icon{display:none}.library-stats strong{font-size:23px}.videos,[data-screen=uploads] .videos{gap:14px}.video-thumbnail{height:160px}.video-card-content{padding:16px}.video-card-content>strong{font-size:14px}.video-card-metrics{gap:9px}.video-card-link{padding-right:75px}.card-delete{right:8px;font-size:8px!important}.sample-overview{grid-template-columns:1fr 1fr}.analysis-heading>div:last-child:not(:first-child){flex-wrap:wrap}.analysis-heading{align-items:flex-start}.analysis-heading h2{font-size:16px}.analysis-heading p{font-size:11px}.spend-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-evidence{grid-template-columns:1fr}.qa-evidence figure{position:static}.master-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.master-timeline-chart{--master-label:190px}.master-heading{align-items:flex-start}.comparison-filters{gap:12px}.comparison-filters label{flex:1;min-width:145px}.sample-context .cost-total strong{font-size:14px}.sample-context .cost-total{padding:14px}.comparison-heading h2{font-size:21px}}
@media(max-width:480px){.page-heading{flex-wrap:wrap}.page-actions{width:100%}.page-actions button{width:100%}.videos,[data-screen=uploads] .videos{grid-template-columns:1fr}.video-thumbnail{height:210px}.video-card-content>strong{min-height:0;font-size:17px}.video-card-content{padding:19px}.card-delete{font-size:9px!important;bottom:18px;right:12px}.library-stats>div{padding:14px 10px}.library-stats div>span:not(.stat-icon){font-size:9px}.library-tools{flex-wrap:wrap;justify-content:flex-start}.library-search{flex-basis:100%;margin-bottom:3px!important}.library-filter{flex:1}.library-filter select{width:100%}.library-toolbar>div:first-child{width:100%}.upload summary{padding:16px}.upload summary small{font-size:9px}.upload-body{padding:16px}.upload #upload-queue,[data-screen=uploads] #upload-queue{grid-template-columns:1fr}.sample-overview{grid-template-columns:1fr}.sample-panel h2{font-size:16px}.sample-actions{gap:8px}.sample-actions button{font-size:10px}.sample-context .cost-total strong{font-size:17px}.model-picker .model-options,.analysis-setup .model-options{grid-template-columns:1fr}.analysis-video{gap:8px}.analysis-video-status{max-width:100px;flex-direction:column}.analysis-video-status .badge{font-size:8px}.analysis-video strong{font-size:11px}[data-screen=results] .library-toolbar{padding:12px;gap:10px}[data-screen=results] .result-switch{flex-basis:100%;display:block}[data-screen=results] .result-switch select{margin-top:6px}.grid2{grid-template-columns:1fr}.spend-tiles{grid-template-columns:1fr}.spend-tiles .panel{margin-bottom:0}.spend-tiles{margin-bottom:20px}.qa-costs{gap:18px}.trash-item{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:5px}.analysis-heading select{width:100%;min-width:0}.analysis-heading>div{min-width:0}.comparison-filters label{min-width:125px}.comparison-filters select{max-width:100%}.frame-buttons{max-height:170px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.bridge-connections{border-top:1px solid var(--line,#e2e4e8);margin-top:32px;padding-top:28px}.bridge-connections .grid2{align-items:start;gap:32px}.bridge-connections label{display:block;margin:14px 0 6px}.bridge-connections input,.bridge-connections textarea,.bridge-connections select{width:100%;margin-top:6px}.bridge-connections code{overflow-wrap:anywhere}.bridge-break{overflow-wrap:anywhere}.bridge-connections small{display:block}.bridge-connections .table-scroll{max-width:100%;overflow-x:auto}