:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--surface:#fff;--surface-raised:#f7f7f7;--border:#e5e5e5;--text:#191919;--text-muted:#606060;--accent:#191919;--accent-contrast:#fff;--focus:#007aff;--danger:#b52939;--success:#22704a;--radius:8px;--radius-sm:5px;--font-sans:Arial, Helvetica, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:2rem;--space:8px;--content-width:1360px}*,:before,:after{box-sizing:border-box}body{background:var(--background);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}::selection{background:var(--text);color:var(--surface)}h1,h2,h3{letter-spacing:-.035em;margin:0;line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 12px}a{color:var(--text);text-underline-offset:4px;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);flex-shrink:0;width:17px;height:17px}input[type=range]{accent-color:var(--accent)}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--text);color:var(--background);padding:12px 20px;position:fixed;top:-80px;left:24px}.skip-link:focus{top:12px}.app-bar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:32px;min-height:76px;padding:16px max(28px,50% - 652px);display:flex;position:sticky;top:0}.app-bar__brand{color:var(--text);letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:9px;font-size:18px;font-weight:750;display:inline-flex}.app-bar__brand:hover{text-decoration:none}.app-bar__brand img,.app-bar__brand svg{flex-shrink:0}.app-nav{align-items:center;gap:8px;display:flex}.app-nav a{border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);padding:9px 12px;font-weight:600}.app-nav a:hover{background:var(--surface-raised);text-decoration:none}.app-nav a[aria-current=page]{color:var(--text);background:var(--surface-raised)}.app-bar__actions{align-items:center;gap:12px;margin-left:auto;display:flex}.app-container{width:100%;max-width:var(--content-width);margin:0 auto;padding:44px 28px 80px}.section-intro,.screen-intro{max-width:65ch;color:var(--text-muted)}.section-intro{margin-top:14px}.screen-intro h2,.screen-intro h3{color:var(--text)}.screen-intro p{margin:10px 0 0}.btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;line-height:1.2;transition:background-color .16s,border-color .16s;display:inline-flex}a.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{min-height:36px;font-size:var(--text-xs);padding:8px 12px}.btn--md{min-height:44px;font-size:var(--text-sm);padding:10px 18px}.btn--lg{min-height:48px;font-size:var(--text-sm);padding:12px 20px}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:#444}.btn--primary:active:not(:disabled){background:#000}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--surface-raised)}.btn--ghost:active:not(:disabled){border-color:var(--text-muted)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:#922130}.card,.workflow-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.workflow-panel{padding:28px}.card__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.card__title{font-size:var(--text-sm);color:var(--text);font-weight:600}.card__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card__body{padding:24px}.badge{font-size:var(--text-xs);color:color-mix(in srgb, var(--badge-color,var(--text-muted)) 30%, var(--text));background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:3px 7px;font-weight:600;line-height:1.6;display:inline-flex}.badge:before{content:"";background:var(--badge-color,var(--text-muted));width:5px;height:5px;box-shadow:0 0 0 1px var(--text);border-radius:50%;flex-shrink:0}.spinner{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spinner-spin;display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state__title{color:var(--text);font-size:var(--text-xl);font-weight:600}.empty-state__description{max-width:48ch;font-size:var(--text-sm)}.empty-state__action{margin-top:8px}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:16px;display:flex}.field__label{font-size:var(--text-sm);font-weight:600}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger)}.control{background:var(--surface);width:100%;min-height:44px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);padding:10px 12px}.control:hover:not(:disabled){border-color:var(--text-muted)}.control:disabled{opacity:.55;cursor:not-allowed}.control::placeholder{color:var(--text-muted)}select.control{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);cursor:pointer;background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.stack{flex-direction:column;gap:24px;min-width:0;display:flex}.row{align-items:center;gap:8px;display:flex}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.status-message,.notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);font-size:var(--text-sm);overflow-wrap:anywhere;padding:14px 16px}.status-message--error,.notice--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--border));background:var(--surface)}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;overflow-x:auto}.auth-panel{max-width:440px;margin:7vh auto;padding:36px}.auth-panel .section-intro{margin-bottom:28px}.auth-panel .stack{gap:14px}.auth-panel label{font-size:var(--text-sm);font-weight:600}.auth-panel .btn{margin-top:6px}.auth-help{border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);margin:24px 0 0;padding-top:20px}.auth-help a{text-decoration:underline}.screen-heading{margin-bottom:28px}.screen-heading p{max-width:65ch;color:var(--text-muted);margin:12px 0 0}.library{padding:0}.library-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.library-heading p{color:var(--text-muted);font-size:var(--text-sm);margin:10px 0 0}.library-heading__actions{align-items:center;gap:12px;display:flex}.library-overview{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:32px;display:grid}.library-metric{align-items:baseline;gap:12px;padding:20px 24px;display:flex}.library-metric:first-child{padding-left:0}.library-metric+.library-metric{border-left:1px solid var(--border)}.library-metric strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1.2}.library-metric span{font-size:var(--text-sm);color:var(--text-muted)}.library-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.library-search{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);flex:1;align-items:center;gap:10px;min-width:220px;max-width:460px;min-height:44px;padding:10px 12px;display:flex}.library-search svg{color:var(--text-muted);flex-shrink:0}.library-search input{width:100%;min-width:0;color:var(--text);font:inherit;font-size:var(--text-sm);background:0 0;border:0}.library-search input::placeholder{color:var(--text-muted)}.library-filters{gap:10px;display:flex}.library-filters .control{width:175px}.library-section-title{font-size:var(--text-base);margin-bottom:16px}.library-section-title span{color:var(--text-muted);margin-left:8px;font-weight:400}.video-card-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.video-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.video-card:hover{border-color:#b7b7b7}.video-card__preview{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:#161616;display:block;position:relative;overflow:hidden}.video-card__preview video{object-fit:cover;width:100%;height:100%}.video-card__preview time,.video-card__duration{color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:#191919d9;border-radius:4px;padding:3px 7px;position:absolute}.video-card__preview time{top:10px;right:10px}.video-card__duration{bottom:10px;right:10px}.video-card__placeholder{text-align:center;color:#d4d4d4;height:100%;font-size:var(--text-sm);place-content:center;justify-items:center;gap:10px;display:grid}.video-card__title{font-size:var(--text-base);color:var(--text);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;margin:18px 18px 20px;font-weight:600;display:block;overflow:hidden}.video-card>p{font-size:var(--text-sm);margin:0 18px 16px}.video-card footer{font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:0 18px 18px;display:flex}.video-card footer a{text-decoration:underline}.video-card__error{color:var(--danger);overflow-wrap:anywhere}.upload-page{max-width:1040px;margin:0 auto}.upload-layout{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);align-items:start;gap:44px;display:grid}.upload-guide{padding:8px 0}.upload-guide h2{font-size:var(--text-lg);margin-bottom:20px}.upload-guide ol{margin:0;padding-left:22px}.upload-guide li{padding:0 0 22px 6px}.upload-guide strong{color:var(--text);font-weight:600}.upload-guide p{margin:6px 0 0}.upload-guide p,.upload-guide li{font-size:var(--text-sm);color:var(--text-muted)}.upload-modes{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.upload-modes .btn{min-height:44px;font-size:var(--text-sm);padding:10px 16px}.upload-dropzone{border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;min-height:230px;color:var(--text);text-align:center;cursor:pointer;overflow-wrap:anywhere;border:1px dashed #b7b7b7;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.upload-dropzone:hover,.upload-dropzone.is-dragging{border-color:var(--text);background:#efefef}.upload-dropzone:disabled{cursor:not-allowed;opacity:.55}.upload-dropzone strong,.upload-dropzone span span{display:block}.upload-dropzone strong{font-size:var(--text-sm);margin-bottom:6px}.upload-dropzone span span{font-size:var(--text-xs);color:var(--text-muted)}.upload-dropzone__icon{color:var(--text-muted);display:flex}.video-header{flex-direction:column;gap:22px;margin-bottom:28px;display:flex}.video-header h1{overflow-wrap:anywhere}.video-header p{font-size:var(--text-sm);margin:10px 0 0}.video-back-link{color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:6px;margin-bottom:16px;display:inline-flex}.video-tabs{border-bottom:1px solid var(--border);gap:24px;max-width:100%;display:flex;overflow-x:auto}.video-tabs__link{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;border-bottom:2px solid #0000;padding:10px 2px 12px;font-weight:600}.video-tabs__link:hover{color:var(--text);text-decoration:none}.video-tabs__link[aria-current=page]{color:var(--text);border-bottom-color:var(--text)}.calibration-workspace{grid-template-columns:minmax(0,2.5fr) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.calibration-stage{min-width:0}.calibration-stage .screen-intro{margin-bottom:20px}.calibration-panel{border-left:1px solid var(--border);flex-direction:column;gap:16px;padding-left:24px;display:flex}.calibration-panel p,.calibration-panel .field{margin:0}.calibration-panel p{font-size:var(--text-sm)}.calibration-panel .btn{white-space:normal;text-align:center}.calibration-media{border-radius:var(--radius-sm);background:#111;line-height:0;position:relative;overflow:hidden}.calibration-media video,.calibration-media img{width:100%;display:block}.calibration-media svg{width:100%;height:100%;position:absolute;inset:0}.calibration-controls{flex-wrap:wrap;align-items:center;gap:10px;padding-top:16px;display:flex}.calibration-controls input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:130px;max-width:100%;min-height:44px;color:var(--text);padding:8px 12px}.calibration-quality{border-radius:var(--radius-sm);background:var(--surface-raised);font-size:var(--text-sm);padding:14px}.checkbox-label{font-size:var(--text-sm);align-items:center;gap:10px;min-height:44px;display:inline-flex}.review-workspace{flex-direction:column;gap:20px;min-width:0;display:flex}.review-grid{grid-template-columns:minmax(0,1.85fr) minmax(340px,1fr);align-items:start;gap:24px;display:grid}.review-stage{min-width:0}.review-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:min(78vh,900px);display:flex;overflow:hidden}.review-sidebar__heading{border-bottom:1px solid var(--border);padding:16px;font-weight:600}.review-sidebar__heading span{float:right;font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.review-workspace>details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.review-workspace summary{cursor:pointer;font-size:var(--text-sm);font-weight:600}.review-workspace fieldset{border:0;flex-wrap:wrap;gap:16px;min-width:0;margin:0;padding:16px 0 0;display:flex}.review-workspace fieldset legend{font-size:var(--text-xs);color:var(--text-muted);padding-top:16px}.review-workspace fieldset label{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-workspace fieldset input,.review-workspace fieldset select,.review-workspace textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;min-height:44px;padding:10px}.review-workspace button:not(.btn):not(.event-time){background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:10px 14px}.review-workspace button:not(.btn):not(.event-time):hover{background:var(--surface-raised)}.review-workspace button:disabled{opacity:.5;cursor:not-allowed}.review-workspace>details p{font-size:var(--text-sm);margin-top:16px}.review-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.review-summary>div:first-child{margin-right:6px}.review-summary>span:last-child{font-size:var(--text-xs);margin-left:auto}.review-save-note,.roster-save-note{color:var(--text-muted);font-size:var(--text-xs);margin:0}.run-selector{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;display:flex}.run-selector label{max-width:100%;font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:10px;font-weight:600;display:flex}.run-selector select{width:auto;max-width:100%}.run-selector p{min-width:min(100%,260px);font-size:var(--text-xs);color:var(--text-muted);flex:1;margin:0}.video-player{border-radius:var(--radius);flex-direction:column;gap:14px;min-width:0;display:flex}.video-player__controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.video-player__shortcuts{color:var(--text-muted);font-size:var(--text-xs)}.event-time{color:inherit;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 0}.event-time[aria-pressed=true]{text-underline-offset:3px;font-weight:700;text-decoration:underline}.event-row{border-bottom:1px solid var(--border);font-size:var(--text-sm);cursor:pointer;color:var(--text);border-left:1px solid #0000;grid-template-columns:48px 76px minmax(0,1fr) auto;align-items:center;gap:8px;padding:16px 14px;display:grid}.event-row.is-active{background:var(--surface-raised);border-left-color:var(--text-muted)}.event-row.is-selected{background:var(--surface-raised);border-left-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.event-row:hover:not(.is-selected){background:var(--surface-raised)}.event-row .badge{gap:4px;padding:3px 5px}.event-timeline{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:20px;padding:20px}.event-timeline__heading{font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.event-timeline__seek{font-size:var(--text-xs);color:var(--text-muted);flex-direction:column;gap:8px;margin-top:14px;display:flex}.event-timeline__seek input{width:100%}.stats-bento{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;display:grid;overflow:hidden}.stat-tile{background:var(--surface);min-width:0;padding:22px}.stat-tile+.stat-tile{border-left:1px solid var(--border)}.stat-tile--warn .stat-tile__value{color:var(--danger)}.stat-tile__label{font-size:var(--text-sm);font-weight:600;display:block}.stat-tile__value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:12px 0;font-size:1.75rem;line-height:1.2;display:block}.stat-tile__note{font-size:var(--text-xs);color:var(--text-muted);margin:0}.stats-filterbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:20px;padding-bottom:20px;display:flex}.stats-filterbar .field{margin-bottom:0}.data-table{border-collapse:collapse;width:100%}.roster-table .control{min-width:12rem}.roster-table input[type=number]{min-width:5rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);font-size:var(--text-sm);padding:14px 16px}.data-table th{background:var(--surface-raised);text-align:left;white-space:nowrap}.data-table tbody tr:hover{background:var(--surface-raised)}.data-table tbody tr:last-child td{border-bottom:0}.data-table th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.job-progress{width:100%}.job-progress__heading{font-size:var(--text-sm);justify-content:space-between;gap:16px;margin-bottom:10px;display:flex}.job-progress__percent{font-variant-numeric:tabular-nums;color:var(--text-muted)}.job-progress__track{background:var(--surface-raised);border-radius:3px;height:6px;overflow:hidden}.job-progress__fill{border-radius:inherit;height:100%;transition:width .4s}.job-progress__error{color:var(--danger);font-size:var(--text-sm);margin-top:12px}.job-progress__retry{color:var(--text-muted);font-size:var(--text-xs);margin-top:12px}@media (max-width:1050px){.app-bar{gap:20px}.review-grid{grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr)}.library-metric{flex-direction:column;align-items:flex-start;gap:5px}.stats-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-tile{border-bottom:1px solid var(--border)}.stat-tile+.stat-tile{border-left:0}}@media (max-width:900px){.calibration-workspace{grid-template-columns:minmax(0,1fr)}.calibration-panel{border-left:0;border-top:1px solid var(--border);padding:24px 0 0}.review-grid{grid-template-columns:minmax(0,1fr)}.review-sidebar{height:65vh}.upload-layout{gap:28px}}@media (max-width:760px){.app-bar{flex-wrap:wrap;gap:12px;padding:14px 20px;position:relative}.app-bar__brand{font-size:17px}.app-bar__actions{gap:8px}.app-bar__actions>.btn{display:none}.app-bar__actions .btn{min-height:40px;font-size:var(--text-xs);padding:8px 12px}.app-nav{order:3;gap:6px;width:100%}.app-nav a{padding:8px 12px}.app-container{padding:28px 20px 48px}.auth-panel{margin:24px auto;padding:26px}.library-heading{flex-wrap:wrap;align-items:flex-start;gap:20px}.library-heading__actions{align-items:flex-start}.library-metric{padding:16px 12px}.library-metric strong{font-size:1.375rem}.library-metric span{font-size:var(--text-xs)}.library-search{width:100%;max-width:none}.library-filters{width:100%}.library-filters .control{width:50%;min-width:0}.video-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.upload-layout{grid-template-columns:minmax(0,1fr)}.upload-guide{border-top:1px solid var(--border);padding:20px 0 0}.upload-modes .btn{white-space:normal}.video-tabs{gap:22px}.card__body,.workflow-panel{padding:20px}.card__header{padding:16px 20px}.calibration-controls .btn{padding:10px 12px}.stats-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-tile{padding:18px}.stat-tile__value{font-size:1.5rem}.event-timeline{padding:16px}.review-summary>span:last-child{width:100%;margin-left:0}.review-summary .row{flex-wrap:wrap}}@media (max-width:380px){.app-bar,.app-container{padding-left:16px;padding-right:16px}.event-row{grid-template-columns:42px 66px minmax(0,1fr) auto;gap:5px;padding:14px 10px}.event-row .badge{padding:3px 4px}.auth-panel{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}