:root{--neutral-primary-soft:oklch(0.995 0.002 245);--neutral-primary:oklch(0.975 0.008 245);--neutral-primary-medium:oklch(0.96 0.014 245);--neutral-secondary-soft:oklch(0.94 0.022 245);--neutral-secondary-medium:oklch(0.89 0.032 245);--neutral-tertiary-soft:oklch(0.84 0.04 245);--neutral-tertiary-medium:oklch(0.74 0.045 245);--gray:oklch(0.58 0.035 245);--brand-softer:oklch(0.94 0.035 18);--brand-soft:oklch(0.84 0.09 18);--brand:oklch(0.52 0.2 18);--brand-medium:oklch(0.72 0.15 18);--brand-strong:oklch(0.48 0.19 18);--accent-soft:var(--neutral-secondary-soft);--accent:oklch(0.46 0.08 245);--accent-strong:oklch(0.27 0.07 245);--success-soft:oklch(0.94 0.045 155);--success:oklch(0.5 0.13 155);--success-strong:oklch(0.38 0.12 155);--danger-soft:oklch(0.94 0.045 28);--danger:oklch(0.55 0.2 28);--danger-strong:oklch(0.48 0.2 28);--warning-soft:oklch(0.93 0.04 75);--warning:oklch(0.45 0.09 75);--warning-fill:oklch(0.7 0.13 75);--warning-ink:oklch(0.27 0.06 75);--info-soft:var(--accent-soft);--info:var(--accent-strong);--selected-soft:var(--brand-softer);--selected-ink:oklch(0.2 0.055 245);--media-soft:var(--accent-soft);--on-accent:oklch(0.99 0.003 18);--on-danger:oklch(0.99 0.002 28);--heading:oklch(0.18 0.055 245);--body:oklch(0.29 0.045 245);--body-subtle:oklch(0.4 0.04 245);--fg-disabled:oklch(0.49 0.025 245);--border-default:oklch(0.28 0.06 245);--disabled:oklch(0.87 0.018 245);--bg:var(--neutral-secondary-soft);--surface:var(--neutral-primary-soft);--surface-raised:var(--neutral-primary-soft);--surface-strong:var(--neutral-tertiary-soft);--surface-tint:var(--brand-softer);--ink:var(--heading);--muted:var(--body-subtle);--primary:var(--brand);--primary-hover:var(--brand-strong);--primary-soft:var(--brand-softer);--border:var(--border-default);--border-strong:var(--border-default);--shadow-2xs:1px 1px 0 oklch(0.28 0.06 245);--shadow-xs:2px 2px 0 oklch(0.28 0.06 245);--shadow-sm:3px 3px 0 oklch(0.28 0.06 245);--shadow-md:4px 4px 0 oklch(0.28 0.06 245);--shadow-lg:5px 5px 0 oklch(0.28 0.06 245);--shadow-xl:6px 6px 0 oklch(0.28 0.06 245);--radius-sm:2px;--radius-default:4px;--radius-base:6px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--font-ui:"Darker Grotesque",ui-sans-serif,system-ui,sans-serif;--text-xs:0.875rem;--text-sm:1rem;--text-body:1.125rem;--text-md:1.375rem;--text-lg:1.625rem;--text-xl:2.25rem;--leading-tight:1;--leading-snug:1.15;--leading-body:1.45;--weight-medium:500;--weight-semibold:600;--weight-bold:700}@media (prefers-color-scheme:dark){:root{--neutral-primary-soft:oklch(0.18 0.04 245);--neutral-primary:oklch(0.15 0.038 245);--neutral-primary-medium:oklch(0.22 0.042 245);--neutral-secondary-soft:oklch(0.13 0.036 245);--neutral-secondary-medium:oklch(0.25 0.05 245);--neutral-tertiary-soft:oklch(0.3 0.055 245);--neutral-tertiary-medium:oklch(0.4 0.055 245);--gray:oklch(0.56 0.035 245);--brand-softer:oklch(0.28 0.075 18);--brand-soft:oklch(0.38 0.12 18);--brand:oklch(0.72 0.16 18);--brand-medium:oklch(0.66 0.17 18);--brand-strong:oklch(0.78 0.13 18);--accent-soft:var(--neutral-tertiary-soft);--accent:oklch(0.72 0.06 245);--accent-strong:oklch(0.9 0.025 245);--success-soft:oklch(0.24 0.055 155);--success:oklch(0.72 0.13 155);--success-strong:oklch(0.78 0.11 155);--danger-soft:oklch(0.26 0.07 28);--danger-strong:oklch(0.74 0.15 28);--warning-soft:oklch(0.28 0.055 78);--warning:oklch(0.82 0.13 78);--warning-ink:oklch(0.93 0.055 78);--info-soft:var(--accent-soft);--info:var(--accent-strong);--selected-soft:var(--brand-softer);--selected-ink:oklch(0.96 0.018 245);--media-soft:var(--accent-soft);--on-accent:oklch(0.16 0.045 245);--on-danger:oklch(0.99 0.002 28);--heading:oklch(0.97 0.012 245);--body:oklch(0.88 0.022 245);--body-subtle:oklch(0.76 0.028 245);--fg-disabled:oklch(0.62 0.025 245);--border-default:oklch(0.76 0.035 245);--disabled:oklch(0.25 0.025 245);--shadow-2xs:1px 1px 0 oklch(0.06 0.02 245);--shadow-xs:2px 2px 0 oklch(0.06 0.02 245);--shadow-sm:3px 3px 0 oklch(0.06 0.02 245);--shadow-md:4px 4px 0 oklch(0.06 0.02 245);--shadow-lg:5px 5px 0 oklch(0.06 0.02 245);--shadow-xl:6px 6px 0 oklch(0.06 0.02 245)}}*{box-sizing:border-box}html{color-scheme:light dark;min-width:320px}body{margin:0;background:linear-gradient(90deg,color-mix(in oklch,var(--ink) 7%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in oklch,var(--ink) 7%,transparent) 1px,transparent 1px),var(--bg);background-size:32px 32px;color:var(--body);font-family:var(--font-darker-grotesque),"Darker Grotesque",ui-sans-serif,system-ui,sans-serif;font-size:var(--text-body);font-feature-settings:"kern";font-kerning:normal;font-optical-sizing:auto;font-weight:500;line-height:var(--leading-body);text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0;margin:-1px;padding:0;white-space:nowrap}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:4px solid var(--brand-medium);outline-offset:3px}.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;justify-content:space-between;gap:var(--space-3);min-height:68px;padding:max(var(--space-2),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) var(--space-2) max(var(--space-4),env(safe-area-inset-left));border-bottom:2px solid var(--border-default);background:var(--neutral-primary-soft)}.brand,.topbar{display:flex;align-items:center}.brand{gap:var(--space-2);min-width:0;color:var(--heading);font-size:1.25rem;font-weight:800;line-height:var(--leading-tight)}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark{width:28px;height:28px;flex:0 0 auto;object-fit:contain}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.workspace{flex:1 1;width:min(1152px,calc(100% - 48px));margin:0 auto;padding:var(--space-6) 0 var(--space-7)}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-3) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-3),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));border-top:2px solid var(--border-default);background:var(--neutral-primary-soft);color:var(--muted);font-weight:600;line-height:var(--leading-tight);text-align:center;text-wrap:balance}.footer a{color:var(--primary);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .15s linear}.footer a:hover{color:var(--primary-hover)}.footer a:active{color:var(--heading)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.page-header-detail{align-items:center}.page-header-detail .page-title{font-size:1.875rem;text-transform:none}.title-stack{min-width:0}.title-editor,.title-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.title-row .page-title{min-width:0}.title-edit-button{flex:0 0 auto}.title-editor{flex-wrap:wrap}.title-input{width:min(620px,100%);font-size:var(--text-lg);font-weight:800}.title-error{flex-basis:100%;margin:0}.page-title{margin:0;color:var(--heading);font-size:var(--text-xl);font-weight:800;letter-spacing:-1px;line-height:var(--leading-tight);overflow-wrap:anywhere;text-wrap:balance;text-transform:uppercase}.page-copy{max-width:68ch;margin:var(--space-2) 0 0;color:var(--body);font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--neutral-primary-soft);box-shadow:var(--shadow-xs);color:var(--heading);padding:8px 16px;font-size:1rem;font-weight:800;line-height:var(--leading-tight);transition:background-color .15s linear,box-shadow .15s linear,transform .15s linear}.button:hover,.icon-button:hover{background:var(--neutral-secondary-medium);color:var(--heading);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.button:active,.icon-button:active{background:var(--neutral-tertiary-soft);color:var(--heading);box-shadow:var(--shadow-2xs);transform:translate(1px,1px)}.button:disabled,.icon-button:disabled{border-color:var(--border-default);background:var(--disabled);box-shadow:none;color:var(--fg-disabled);transform:none}.button.primary{background:var(--primary);color:var(--on-accent)}.button.primary:hover{background:var(--primary-hover);color:var(--on-accent)}.button.primary:active{background:var(--brand-strong);color:var(--on-accent)}.button.danger{background:var(--danger);color:var(--on-danger)}.button.danger:hover{background:var(--danger-strong);color:var(--on-danger)}.button.danger:active{background:color-mix(in oklch,var(--danger-strong) 82%,var(--heading));color:var(--on-danger)}.button.small{min-height:44px;padding:6px 12px;font-size:.9375rem}.icon-button{width:44px;padding:0}.panel{border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface);box-shadow:var(--shadow-md);padding:var(--space-4)}.auth-wrap{display:grid;min-height:100vh;place-items:center;padding:var(--space-4)}.auth-panel{width:min(430px,100%)}.auth-brand,.auth-copy{margin-bottom:var(--space-5)}.form{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}fieldset.field{margin:0;border:0;padding:0}.label{font-size:1rem;font-weight:700;line-height:var(--leading-snug)}.input,.label{color:var(--heading)}.input{width:100%;min-height:46px;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-xs);padding:10px 12px;transition:box-shadow .15s linear,transform .15s linear}.input:hover{background:var(--neutral-primary-medium);box-shadow:var(--shadow-sm)}.input:focus{outline:0;background:var(--surface-raised);box-shadow:var(--shadow-sm),0 0 0 4px var(--brand-medium)}.input::placeholder{color:var(--body)}.error{color:var(--danger-strong);font-size:1rem;font-weight:700;line-height:var(--leading-snug)}.muted{color:var(--muted)}.job-list,.list-section,.log-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.section-bar,.storyboard-board-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--accent-soft);box-shadow:var(--shadow-sm);color:var(--heading);padding:var(--space-3) var(--space-4)}.storyboard-board-header{justify-self:start;width:-moz-fit-content;width:fit-content;max-width:100%;padding:6px 10px;background:color-mix(in srgb,var(--surface-raised) 82%,var(--primary-soft));box-shadow:var(--shadow-xs)}.section-bar>div,.storyboard-board-header>div{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.storyboard-board-header strong{font-size:1rem;line-height:var(--leading-snug)}.section-meta{color:var(--heading);font-size:.9375rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;line-height:var(--leading-snug)}.job-row,.log-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;border:2px solid var(--border-default);border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.job-row{transition:background-color .15s linear,box-shadow .15s linear,transform .15s linear}.job-row:hover{background:var(--selected-soft);color:var(--selected-ink);box-shadow:var(--shadow-xl);transform:translate(-4px,-4px)}.job-row:active{background:var(--brand-soft);box-shadow:var(--shadow-2xs);transform:translate(1px,1px)}.job-row:hover .job-name,.job-row:hover .job-side,.job-row:hover .meta-row{color:var(--selected-ink)}.job-main{min-width:0}.job-side{display:flex;align-items:center;gap:var(--space-2);color:var(--body)}.job-row-complete{background:color-mix(in srgb,var(--success-soft) 44%,var(--surface-raised))}.job-row-awaiting_upload,.job-row-processing{background:color-mix(in srgb,var(--warning-soft) 52%,var(--surface-raised))}.job-row-failed,.log-row.error{background:color-mix(in srgb,var(--danger-soft) 58%,var(--surface-raised))}.job-name,.log-message{display:block;overflow:hidden;color:var(--heading);font-weight:800;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.meta-row{display:flex;flex-wrap:wrap;column-gap:var(--space-3);row-gap:var(--space-1);margin-top:var(--space-1);color:var(--body);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;line-height:var(--leading-snug)}.status{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--border-default);border-radius:var(--radius-default);background:var(--neutral-secondary-medium);box-shadow:var(--shadow-2xs);color:var(--heading);padding:3px 8px;font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;line-height:var(--leading-tight)}.status:before{content:"";width:8px;height:8px;border:2px solid var(--border-default);border-radius:var(--radius-full);background:currentColor}.status.complete{background:var(--success-soft);color:var(--success-strong)}.status.failed{background:var(--danger-soft);color:var(--danger-strong)}.status.processing{background:var(--warning-soft);color:var(--warning-ink)}.status.awaiting_upload{background:var(--info-soft);color:var(--info)}.upload-drop{display:grid;grid-gap:var(--space-3);gap:var(--space-3);place-items:center;min-height:250px;border:2px dashed var(--border-default);border-radius:var(--radius-base);background:var(--media-soft);color:var(--heading);padding:var(--space-6);text-align:center}.upload-icon{display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--neutral-primary-soft);box-shadow:var(--shadow-sm);color:var(--heading)}.upload-form{margin-top:var(--space-5)}.advanced-settings{border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-xs)}.advanced-settings summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:8px 12px;color:var(--heading);cursor:pointer;font-weight:800;list-style:none}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary>span{display:inline-flex;align-items:center;gap:var(--space-2)}.advanced-settings summary small{color:var(--body);font-size:.875rem;font-weight:700}.advanced-settings[open] summary{border-bottom:2px solid var(--border-default)}.advanced-settings summary:focus-visible{outline:4px solid var(--brand-medium);outline-offset:3px}.detection-field{padding:var(--space-3)}.detection-field .label{display:block;margin-bottom:var(--space-2)}.segmented-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.segment-option{position:relative;display:grid;min-height:76px;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface);box-shadow:var(--shadow-xs);padding:var(--space-3);transition:background-color .15s linear,box-shadow .15s linear,transform .15s linear}.segment-option:hover{background:var(--neutral-primary-medium);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.segment-option:active{background:var(--neutral-tertiary-soft);box-shadow:var(--shadow-2xs);transform:translate(1px,1px)}.segment-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.segment-option:has(input:checked){background:var(--selected-soft);color:var(--selected-ink)}.segment-option:has(input:checked):hover{background:var(--brand-soft)}.segment-option:has(input:focus-visible){outline:4px solid var(--brand-medium);outline-offset:3px}.segment-option small,.segment-option strong{display:block}.segment-option strong{font-size:1rem;font-weight:800}.segment-option small,.segment-option strong{color:inherit;line-height:var(--leading-snug)}.segment-option small{margin-top:var(--space-1);font-size:.875rem;font-weight:600}.progress{width:100%;height:14px;overflow:hidden;border:2px solid var(--border-default);border-radius:var(--radius-full);background:var(--neutral-primary-soft)}.progress>span{display:block;height:100%;background:var(--primary);transform-origin:left center;transition:transform .15s linear}.progress-panel{display:grid;grid-gap:var(--space-2);padding:6px 10px}.job-status-badge,.progress-panel{gap:var(--space-2);margin-bottom:var(--space-3);border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-xs)}.job-status-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--heading);padding:5px 9px;font-size:.9375rem;font-weight:700;line-height:var(--leading-snug)}.job-status-badge.complete{background:color-mix(in srgb,var(--surface-raised) 42%,var(--success-soft));color:var(--success-strong)}.progress-panel.failed{background:var(--danger-soft)}.progress-panel.complete{background:color-mix(in srgb,var(--surface-raised) 84%,var(--success-soft))}.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--heading);font-size:.9375rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;line-height:var(--leading-snug)}.progress-heading>span{display:inline-flex;align-items:center;gap:var(--space-2)}.storyboard-board{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.toolbar{align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.toolbar,.toolbar-group{display:flex;flex-wrap:wrap}.toolbar-group{justify-content:flex-end;gap:var(--space-2)}.export-select-group{display:flex;align-items:center;gap:var(--space-2)}.export-select{min-height:44px;max-width:190px;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface);color:var(--heading);padding:6px 10px;font-weight:800;line-height:var(--leading-tight)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.storyboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr));grid-auto-flow:dense}.shot-card{align-self:start;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 190px;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:box-shadow .15s linear,transform .15s linear}.shot-card:hover{box-shadow:var(--shadow-xl);transform:translate(-4px,-4px)}.shot-card:active{transform:translate(1px,1px)}.shot-media{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--neutral-primary-medium);color:inherit;padding:0;cursor:zoom-in}.shot-media img,.shot-media video{display:block;width:100%;height:100%;object-fit:cover}.shot-index{position:absolute;top:8px;left:8px;min-width:30px;border:2px solid var(--border-default);border-radius:var(--radius-default);background:var(--primary);box-shadow:var(--shadow-2xs);color:var(--on-accent);padding:4px 8px;font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;line-height:var(--leading-tight);text-align:center}.shot-body{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);border-top:2px solid var(--border-default);background:var(--neutral-primary-medium);padding:var(--space-2) var(--space-3);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;line-height:var(--leading-snug)}.shot-time{color:var(--heading)}.shot-duration{color:var(--body-subtle)}.shot-body .icon-button{width:44px;min-height:44px}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:rgba(0,0,0,.76);color:inherit;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.modal-backdrop::-webkit-backdrop{background:transparent}.modal-backdrop::backdrop{background:transparent}.modal{width:min(980px,100%);max-height:calc(100dvh - (var(--space-4) * 2));overflow:hidden;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-xl)}.modal video{display:block;width:100%;max-height:calc(100dvh - 180px);background:#000000}.modal-playback-controls{display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--border-default);background:var(--neutral-primary-medium);padding:var(--space-2) var(--space-3)}.video-scrubber{display:flex;flex:1 1;align-items:center;min-width:80px}.video-scrubber input{width:100%;accent-color:var(--primary);cursor:pointer}.video-time{min-width:8.5rem;color:var(--body-subtle);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:2px solid var(--border-default);padding:var(--space-3) var(--space-4);font-size:1rem}.modal-footer,.modal-meta{line-height:var(--leading-snug)}.modal-meta{display:block;margin-top:2px;color:var(--body);font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.modal-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.empty{display:grid;min-height:280px;place-items:center;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--media-soft);box-shadow:var(--shadow-md);color:var(--heading);padding:var(--space-6);text-align:center}.empty-title{margin:var(--space-3) 0 0;color:inherit;font-size:var(--text-md);font-weight:800;line-height:var(--leading-tight)}@media (min-width:768px){.page-title{font-size:2.75rem}.page-header-detail .page-title{font-size:2.5rem}}@media (min-width:1024px){.page-title{font-size:4rem}.page-header-detail .page-title{font-size:3rem}}@media (max-width:680px){.topbar{align-items:center;min-height:60px;padding:max(var(--space-2),env(safe-area-inset-top)) max(var(--space-3),env(safe-area-inset-right)) var(--space-2) max(var(--space-3),env(safe-area-inset-left))}.topbar-actions{flex:0 1 auto;flex-wrap:nowrap;gap:var(--space-1)}.topbar-actions .button,.topbar-actions form,.topbar-actions form .button{flex:0 0 auto}.topbar-actions .button{min-height:44px;padding-inline:10px;font-size:.875rem}.brand{font-size:1.125rem}.workspace{width:min(100% - 24px,1152px);padding:var(--space-4) 0 var(--space-6)}.job-row,.log-row,.page-header{grid-template-columns:1fr}.page-header{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.page-header>.button,.toolbar-group{width:100%}.toolbar-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-group .button{width:100%;min-width:0}.export-select-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.export-select{width:100%;max-width:none}.toolbar-group .button.danger{grid-column:1/-1}.page-header-detail{align-items:stretch}.page-title{font-size:2rem}.page-header-detail .page-title{font-size:1.625rem}.section-bar,.storyboard-board-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.storyboard-board-header{align-items:center;flex-direction:row}.job-side{justify-content:space-between}.grid{grid-template-columns:1fr}.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.shot-body{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-2)}.shot-duration{display:none}.segmented-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.segment-option{min-height:88px;padding:12px}.empty,.panel,.upload-drop{padding:var(--space-3)}.upload-drop{min-height:210px}.modal-footer{align-items:center;padding:var(--space-2)}.modal{width:100%;max-height:calc(100dvh - max(var(--space-3), env(safe-area-inset-top)) - max(var(--space-3), env(safe-area-inset-bottom)))}.modal video{max-height:calc(100dvh - 184px)}.modal-controls{flex-wrap:nowrap}.footer{align-items:flex-start;flex-direction:column;text-align:left}}@media (max-width:430px){.brand>span:last-child{display:none}.topbar-actions{flex:1 1;justify-content:flex-end}.topbar-actions .button{padding-inline:8px}.page-title{font-size:1.75rem}.storyboard-board-header .section-meta{flex-basis:100%}.modal-footer{align-items:flex-start;flex-direction:column}.modal-controls{justify-content:space-between;width:100%}.video-time{display:none}}@media (max-width:360px){.topbar-actions{gap:2px}.topbar-actions .button{padding-inline:6px;font-size:.8125rem}.storyboard-grid{grid-template-columns:1fr}.shot-duration{display:inline}.segmented-options{grid-template-columns:1fr}}@media (max-height:520px) and (orientation:landscape){.modal-backdrop{padding:max(var(--space-2),env(safe-area-inset-top)) max(var(--space-2),env(safe-area-inset-right)) max(var(--space-2),env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left))}.modal{display:grid;grid-template-columns:minmax(0,1fr) 220px;width:min(100%,980px);max-height:calc(100dvh - 16px)}.modal video{height:calc(100dvh - 16px);max-height:none;object-fit:contain}.modal-footer{align-items:flex-start;flex-direction:column;justify-content:space-between;border-top:0;border-left:2px solid var(--border-default)}.modal-controls{width:100%}}:root{--radius-sm:4px;--radius-default:6px;--radius-base:8px;--shadow-2xs:0 1px 2px color-mix(in oklch,var(--ink) 10%,transparent);--shadow-xs:0 1px 3px color-mix(in oklch,var(--ink) 12%,transparent);--shadow-sm:0 2px 6px color-mix(in oklch,var(--ink) 14%,transparent);--shadow-md:0 4px 8px color-mix(in oklch,var(--ink) 15%,transparent);--shadow-lg:0 6px 8px color-mix(in oklch,var(--ink) 16%,transparent);--shadow-xl:0 8px 8px color-mix(in oklch,var(--ink) 18%,transparent);--font-ui:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-body:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:2rem;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.55}body{background:var(--bg);font-family:var(--font-ui);font-weight:400}.topbar{min-height:60px;border-bottom-width:1px;padding-block:max(var(--space-2),env(safe-area-inset-top)) var(--space-2)}.brand{font-size:1rem;font-weight:var(--weight-bold)}.workspace{padding-top:var(--space-5)}.page-header{margin-bottom:var(--space-4)}.page-header-detail .page-title,.page-title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.025em;text-transform:none}.advanced-settings,.button,.empty,.icon-button,.input,.job-row,.job-status-badge,.log-row,.modal,.panel,.progress-panel,.section-bar,.segment-option,.shot-card,.status,.storyboard-board-header{border-width:1px}.button,.icon-button{font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:none;transition:background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}.button:hover,.icon-button:hover{box-shadow:var(--shadow-xs);transform:none}.button:active,.icon-button:active{box-shadow:none;transform:none}.empty,.panel{box-shadow:var(--shadow-sm)}.input{transition:background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}.input,.input:hover{box-shadow:none}.input:focus{box-shadow:0 0 0 3px var(--brand-medium)}.advanced-settings,.job-status-badge,.progress-panel,.section-bar,.storyboard-board-header{box-shadow:none}.job-row{box-shadow:var(--shadow-xs);transition:background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}.job-row:hover{box-shadow:var(--shadow-sm);transform:none}.job-row:active{box-shadow:var(--shadow-xs);transform:none}.job-name,.log-message{font-size:var(--text-md);font-weight:var(--weight-semibold)}.meta-row,.section-meta{font-size:var(--text-sm);font-weight:var(--weight-medium)}.status{border-color:color-mix(in oklch,currentColor 42%,transparent);box-shadow:none;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.status:before{width:6px;height:6px;border:0}.upload-drop{border-width:1px;cursor:pointer;transition:background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1)}.upload-drop:hover{background:color-mix(in oklch,var(--media-soft) 72%,var(--surface));border-color:var(--primary)}.upload-drop:focus-within{outline:4px solid var(--brand-medium);outline-offset:3px}.upload-icon{border-width:1px}.segment-option,.upload-icon{box-shadow:none}.segment-option:active,.segment-option:hover{box-shadow:none;transform:none}.shot-card{box-shadow:var(--shadow-xs);transition:border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}.shot-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:none}.shot-card:active{box-shadow:var(--shadow-xs);transform:none}.advanced-settings[open] summary,.modal-footer,.shot-body{border-width:1px}.shot-index{border:0;box-shadow:var(--shadow-xs)}.footer{border-top-width:1px;font-size:var(--text-sm)}@media (min-width:768px){.page-header-detail .page-title,.page-title{font-size:var(--text-xl)}}@media (min-width:1024px){.page-header-detail .page-title,.page-title{font-size:var(--text-xl)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none){.button:hover,.icon-button:hover,.input:hover,.job-row:hover,.segment-option:hover,.shot-card:hover{box-shadow:var(--shadow-xs);transform:none}.job-row,.log-row,.panel,.shot-card{box-shadow:var(--shadow-xs)}}@media (pointer:coarse){.shot-media{cursor:pointer}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important}}