: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;font-family:var(--font-darker-grotesque),"Darker Grotesque",ui-sans-serif,system-ui,sans-serif;font-feature-settings:"kern";font-kerning:normal;font-optical-sizing:auto;font-weight:500;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-row,.title-stack{min-width:0}.title-row{display:flex;align-items:center;gap:var(--space-2)}.title-row .page-title{min-width:0}.title-edit-button{flex:0 0 auto}.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;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)}.auth-field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.auth-link{color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.auth-link:hover{color:var(--primary-hover);text-decoration-thickness:2px}.auth-link-centered{justify-self:center}.field-hint{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-snug)}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)}.upload-error{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.upload-error .error{margin:0}.upload-diagnostics{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);color:var(--body);font-size:var(--text-sm);line-height:var(--leading-snug)}.upload-diagnostics code{overflow-wrap:anywhere}.success{border:1px solid color-mix(in oklch,var(--success) 55%,transparent);border-radius:var(--radius-base);margin:0;background:var(--success-soft);color:var(--success-strong);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);padding:var(--space-3)}.muted{color:var(--muted)}.job-list,.list-section,.log-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.bulk-action-bar{justify-content:space-between;border:1px solid color-mix(in oklch,var(--border-default) 34%,transparent);border-radius:var(--radius-base);background:color-mix(in srgb,var(--surface-raised) 78%,var(--accent-soft));padding:var(--space-2) var(--space-3)}.bulk-action-bar,.bulk-mode-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.bulk-mode-bar{justify-content:flex-end}.bulk-mode-copy{flex:1 1 20rem;color:var(--body);font-size:var(--text-sm);font-weight:700;line-height:var(--leading-snug)}.job-row-select,.job-select-all{display:inline-flex;align-items:center;justify-content:center;color:var(--heading);font-size:var(--text-sm);font-weight:800;line-height:var(--leading-tight)}.job-select-all{gap:var(--space-2);min-height:38px}.job-row-select input,.job-select-all input{width:18px;height:18px;margin:0;accent-color:var(--primary)}.bulk-selection-count{flex:1 1 auto;min-width:12rem;color:var(--body);font-size:var(--text-sm);font-weight:700;line-height:var(--leading-snug)}.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{grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-raised)}.job-row,.job-row-shell,.log-row{display:grid;align-items:center;border:2px solid var(--border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-sm)}.job-row-shell{grid-template-columns:minmax(0,1fr);grid-gap:var(--space-1);gap:var(--space-1);transition:background-color .15s linear,box-shadow .15s linear,transform .15s linear}.job-list-selection-mode .job-row-shell{padding-left:var(--space-2)}.job-row-select{width:34px;min-height:44px;border-radius:var(--radius-sm);transition:background-color .15s linear}.job-row-select:hover{background:color-mix(in srgb,var(--accent-soft) 76%,transparent)}.job-row-shell-selected .job-name,.job-row-shell-selected .job-row,.job-row-shell-selected .job-side,.job-row-shell-selected .meta-row{color:var(--selected-ink)}.job-row{border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;padding:var(--space-3) var(--space-4);text-align:left;transition:background-color .15s linear,color .15s linear;width:100%}.job-list-selection-mode .job-row{padding-left:var(--space-2)}.job-row-selection-button{cursor:pointer}.job-row-selection-button:disabled{cursor:not-allowed}.job-row-shell:hover{background:var(--selected-soft);color:var(--selected-ink);box-shadow:var(--shadow-xl);transform:translate(-4px,-4px)}.job-row-shell:active{background:var(--brand-soft);box-shadow:var(--shadow-2xs);transform:translate(1px,1px)}.job-row-shell:hover .job-name,.job-row-shell:hover .job-side,.job-row-shell: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,.job-row-shell-complete{background:color-mix(in srgb,var(--success-soft) 44%,var(--surface-raised))}.job-row-awaiting_upload,.job-row-processing,.job-row-shell-awaiting_upload,.job-row-shell-processing{background:color-mix(in srgb,var(--warning-soft) 52%,var(--surface-raised))}.job-row-failed,.job-row-shell-failed,.log-row.error{background:color-mix(in srgb,var(--danger-soft) 58%,var(--surface-raised))}.job-row-shell-selected{border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent-soft) 76%,var(--surface-raised));box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--accent-strong)}.job-name,.log-message{display:block;overflow:hidden;color:var(--heading);font-weight:800;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-drop>div:last-of-type{min-width:0}.upload-drop strong{overflow-wrap:anywhere}.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)}.link-input-field,.link-input-row{display:flex;gap:var(--space-3)}.link-input-field{align-items:center;flex:1 1;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--media-soft);padding:0 var(--space-3);color:var(--muted)}.link-input-field:focus-within{border-color:var(--accent)}.link-input-field input{flex:1 1;border:none;background:transparent;padding:var(--space-2) 0;font-size:var(--font-sm);color:var(--heading);outline:none}.link-input-field input::placeholder{color:var(--muted)}.link-input+.link-input,.link-input+.list-section{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)}.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)}.list-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.status-filter{position:relative;flex:0 0 auto}.status-filter-trigger{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-2xs);color:var(--heading);padding:5px 10px;font-size:.9375rem;font-weight:800;line-height:var(--leading-tight);transition:background-color .15s linear,box-shadow .15s linear}.status-filter-trigger:hover,.status-filter-trigger[data-state=open]{background:color-mix(in srgb,var(--surface-raised) 68%,var(--accent-soft));box-shadow:var(--shadow-xs)}.status-filter-trigger-value{max-width:9rem;overflow:hidden;color:var(--muted);font-size:.875rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.list-control-select.ui-select-trigger{width:auto;min-height:36px;border:2px solid var(--border-default);background:var(--surface-raised);box-shadow:var(--shadow-2xs);padding:5px 10px;font-size:.9375rem;font-weight:800}.list-control-select.ui-select-trigger:hover,.list-control-select.ui-select-trigger[data-state=open]{background:color-mix(in srgb,var(--surface-raised) 68%,var(--accent-soft));box-shadow:var(--shadow-xs)}.ui-select-trigger-label{color:var(--heading)}.list-control-select .ui-select-value{color:var(--muted);font-size:.875rem;font-weight:700}.status-filter-trigger[data-state=open] .status-filter-trigger-value{color:var(--heading)}.ui-dropdown-content{z-index:40;width:min(228px,calc(100vw - 32px));border:1px solid color-mix(in oklch,var(--border-default) 70%,transparent);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-sm);padding:8px}.ui-dropdown-label{padding:0 6px 6px;color:var(--heading);font-size:.875rem;font-weight:800}.ui-dropdown-checkbox-item{position:relative;display:flex;align-items:center;min-height:32px;border-radius:var(--radius-default);color:var(--body);padding:5px 7px 5px 30px;font-size:.875rem;font-weight:700;outline:0}.ui-dropdown-checkbox-item[data-highlighted]{background:color-mix(in srgb,var(--surface-raised) 70%,var(--accent-soft));color:var(--heading)}.ui-dropdown-checkbox-item[data-state=checked]{background:var(--selected-soft);color:var(--selected-ink)}.ui-dropdown-item-indicator{position:absolute;left:8px;display:flex}.link-input-field .link-url-input{min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.link-input-field .link-url-input:focus{border:0;box-shadow:none}.status-filter-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:min(228px,calc(100vw - 32px));margin:0;border:1px solid color-mix(in oklch,var(--border-default) 70%,transparent);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-sm);padding:8px}.status-filter-panel-title{display:block;margin:0 0 6px;padding:0 6px;color:var(--heading);font-size:.875rem;font-weight:800;line-height:var(--leading-tight)}.status-filter-options{display:grid;grid-gap:3px;gap:3px}.status-filter-option{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;border:1px solid transparent;border-radius:var(--radius-default);color:var(--body);padding:5px 7px;font-size:.875rem;font-weight:700;line-height:var(--leading-tight);transition:background-color .15s linear,border-color .15s linear,color .15s linear}.status-filter-option:hover{background:color-mix(in srgb,var(--surface-raised) 70%,var(--accent-soft));color:var(--heading)}.status-filter-option-active{border-color:color-mix(in oklch,var(--primary) 62%,var(--border-default));background:var(--selected-soft);color:var(--selected-ink)}.status-filter-option input{width:14px;height:14px;margin:0;accent-color:var(--primary)}.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-dismiss{position:absolute;inset:0;border:0;background:transparent;cursor:default}.modal{position:relative;z-index:1;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-compact{min-height:210px}.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-control{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}.link-input-row{flex-direction:column}.link-input-row .button{width:100%;justify-content:center}}@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-lg:1.375rem;--text-xl:2rem;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.55}body{background:var(--bg)}.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}.workspace{padding-top:var(--space-5)}.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}.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}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;border:1px solid transparent;border-radius:var(--radius-base);font-family:var(--font-ui);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-decoration:none;white-space:nowrap;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)}.ui-button:hover{box-shadow:var(--shadow-xs)}.ui-button:active{box-shadow:none}.ui-button:disabled,.ui-button[aria-disabled=true]{background:var(--disabled);box-shadow:none;color:var(--fg-disabled);pointer-events:none}.ui-button-default,.ui-button:disabled,.ui-button[aria-disabled=true]{border-color:color-mix(in oklch,var(--border-default) 34%,transparent)}.ui-button-default{background:var(--surface-raised);color:var(--heading)}.ui-button-default:hover{background:var(--neutral-primary-medium)}.ui-button-primary{border-color:var(--primary);background:var(--primary);color:var(--on-accent)}.ui-button-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-accent)}.ui-button-destructive{border-color:var(--danger);background:var(--danger);color:var(--on-danger)}.ui-button-destructive:hover{background:var(--danger-strong);border-color:var(--danger-strong);color:var(--on-danger)}.ui-button-ghost{background:transparent;color:var(--heading)}.ui-button-ghost:hover{background:var(--neutral-primary-medium)}.ui-button-size-default{min-height:44px;padding:10px 14px;font-size:var(--text-sm)}.ui-button-size-sm{min-height:38px;padding:8px 12px;font-size:var(--text-sm)}.ui-button-size-icon{width:40px;min-height:40px;padding:0}.ui-card{border:1px solid color-mix(in oklch,var(--border-default) 28%,transparent);border-radius:var(--radius-base);background:var(--surface);box-shadow:var(--shadow-sm)}.ui-card-content,.ui-card-header{padding:var(--space-4)}.ui-card-header{border-bottom:1px solid color-mix(in oklch,var(--border-default) 22%,transparent)}.ui-card+.ui-card{margin-top:var(--space-4)}.ui-label{font-weight:var(--weight-semibold)}.ui-input,.ui-label,.ui-select{color:var(--heading);font-size:var(--text-sm);line-height:var(--leading-snug)}.ui-input,.ui-select{width:100%;min-height:44px;border:1px solid color-mix(in oklch,var(--border-default) 34%,transparent);border-radius:var(--radius-base);background:var(--surface-raised);font-family:var(--font-ui);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)}.ui-input{padding:10px 12px}.ui-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding:10px 36px 10px 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b5e6b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center /14px no-repeat,var(--surface-raised)}.ui-input:hover,.ui-select:hover{background-color:var(--neutral-primary-medium)}.ui-input:focus,.ui-select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--brand-medium)}.ui-input::placeholder{color:var(--body)}.clipdex-toaster{z-index:70}.clipdex-toaster [data-sonner-toast].clipdex-toast{width:min(360px,calc(100vw - 32px));border:2px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-md);color:var(--body);padding:12px 14px;font-family:var(--font-darker-grotesque),"Darker Grotesque",ui-sans-serif,system-ui,sans-serif}.clipdex-toaster [data-sonner-toast][data-type=success].clipdex-toast{background:var(--success-soft)}.clipdex-toaster [data-sonner-toast][data-type=error].clipdex-toast{background:var(--danger-soft)}.clipdex-toaster [data-sonner-toast][data-type=warning].clipdex-toast{background:var(--warning-soft)}.clipdex-toaster [data-sonner-toast][data-type=info].clipdex-toast,.clipdex-toaster [data-sonner-toast][data-type=loading].clipdex-toast{background:var(--info-soft)}.clipdex-toast-title{color:var(--heading);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.clipdex-toast-description{color:var(--body);font-size:.9375rem;font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.clipdex-toast-close{border:2px solid var(--border-default);background:var(--surface);color:var(--heading)}.clipdex-toast-action,.clipdex-toast-cancel{min-height:34px;border:2px solid var(--border-default);border-radius:var(--radius-base);color:var(--heading);font-weight:var(--weight-bold)}.clipdex-toast-action{background:var(--primary);color:var(--on-accent)}.clipdex-toast-cancel{background:var(--surface)}.ui-select-root{position:relative;min-width:190px}.ui-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:38px;border:1px solid color-mix(in oklch,var(--border-default) 34%,transparent);border-radius:var(--radius-base);background:var(--surface-raised);color:var(--heading);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);padding:8px 10px 8px 12px;white-space:nowrap;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)}.ui-select-trigger:hover,.ui-select-trigger[aria-expanded=true]{background:var(--neutral-primary-medium)}.ui-select-trigger:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--brand-medium)}.ui-select-trigger svg{flex:0 0 auto;color:var(--body-subtle)}.ui-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.ui-select-content{display:block;z-index:40;width:max(var(--radix-select-trigger-width),210px);max-height:var(--radix-select-content-available-height);overflow:hidden;border:1px solid color-mix(in oklch,var(--border-default) 34%,transparent);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-md);padding:4px}.ui-select-item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:34px;border:0;border-radius:var(--radius-default);background:transparent;color:var(--heading);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);padding:7px 9px;text-align:left}.ui-select-item:focus-visible,.ui-select-item:hover{outline:0;background:var(--neutral-primary-medium)}.ui-select-item[data-state=checked]{background:var(--selected-soft);color:var(--selected-ink)}.ui-select-item-icon{flex:0 0 auto;opacity:0}.ui-select-item[data-state=checked] .ui-select-item-icon{opacity:1}.ui-select-scroll{display:flex;justify-content:center;padding:3px;color:var(--body-subtle)}.ui-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--on-accent)}.ui-checkbox[data-state=checked]{border-color:var(--primary);background:var(--primary)}.ui-checkbox-indicator{display:flex}.ui-radio-item{position:absolute;width:1px;height:1px;opacity:0}.ui-dialog-overlay{position:fixed;inset:0;z-index:50;background:color-mix(in oklch,var(--ink) 62%,transparent);animation:dialog-fade .18s cubic-bezier(.22,1,.36,1)}.ui-dialog-content{position:fixed;top:50%;left:50%;z-index:60;width:min(440px,calc(100vw - 32px));transform:translate(-50%,-50%);border:1px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface-raised);box-shadow:var(--shadow-lg);padding:var(--space-4)}.ui-dialog-header{display:flex;gap:var(--space-3)}.ui-dialog-header h2{margin:0;color:var(--heading);font-size:var(--text-md);line-height:var(--leading-snug)}.ui-dialog-header p{margin:var(--space-1) 0 0;color:var(--body-subtle);font-size:var(--text-sm)}.ui-dialog-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:var(--radius-default);background:var(--primary-soft);color:var(--primary)}.ui-dialog-icon-danger{background:var(--danger-soft);color:var(--danger-strong)}.ui-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}@keyframes dialog-fade{0%{opacity:0}}.ui-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in oklch,currentColor 42%,transparent);border-radius:var(--radius-default);padding:3px 8px;font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);line-height:var(--leading-tight);white-space:nowrap}.ui-badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.ui-badge-default{background:var(--neutral-secondary-medium);color:var(--heading)}.ui-badge-success{background:var(--success-soft);color:var(--success-strong)}.ui-badge-warning{background:var(--warning-soft);color:var(--warning-ink)}.ui-badge-danger{background:var(--danger-soft);color:var(--danger-strong)}.ui-badge-info{background:var(--info-soft);color:var(--info)}.ui-fieldset{display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-width:0;margin:0;border:0;padding:0}.ui-segmented-radio{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.ui-segmented-radio-item{position:relative;display:grid;min-height:76px;border:1px solid color-mix(in oklch,var(--border-default) 30%,transparent);border-radius:var(--radius-base);background:var(--surface);color:var(--heading);padding:var(--space-3);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)}.ui-segmented-radio-item:hover{background:var(--neutral-primary-medium)}.ui-segmented-radio-item input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.ui-segmented-radio-item:has(input:checked){border-color:var(--primary);background:var(--selected-soft);color:var(--selected-ink);box-shadow:inset 0 0 0 1px var(--primary)}.ui-segmented-radio-item:has(input:focus-visible){outline:4px solid var(--brand-medium);outline-offset:3px}.ui-segmented-radio-item small,.ui-segmented-radio-item strong{display:block}.ui-segmented-radio-item strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.ui-segmented-radio-item small{margin-top:var(--space-1);color:inherit;font-size:var(--text-xs);line-height:var(--leading-snug)}.workspace{width:min(1360px,calc(100% - 40px));padding-top:var(--space-4);padding-bottom:var(--space-6)}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.page-copy{max-width:62ch;margin-top:var(--space-1)}.link-input+.list-section,.panel+.link-input,.upload-drop+.link-input,.upload-form+.link-input{margin-top:var(--space-4)}.link-input{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.link-input-row{align-items:stretch}.link-input-field,.link-input-field input{min-width:0}.upload-drop{grid-template-columns:auto minmax(0,46rem);justify-content:center;min-height:190px;padding:var(--space-5);text-align:left}.upload-drop .page-copy{margin-top:var(--space-1)}.upload-form{margin-top:var(--space-4)}.section-bar{padding:var(--space-2) var(--space-3)}.storyboard-board{gap:var(--space-2)}.storyboard-board-header{padding:var(--space-2) var(--space-3)}.storyboard-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:var(--space-3)}.shot-card{contain-intrinsic-size:auto 168px}.shot-body{gap:var(--space-1);padding:6px var(--space-2)}.shot-duration{justify-self:end}.job-list,.list-section,.log-list{gap:var(--space-2)}.job-row,.log-row{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.toolbar-group{align-items:center}.export-select-group{min-width:0}.export-select-control{max-width:210px}.job-status-badge,.progress-panel{margin-bottom:var(--space-2)}@media (max-width:920px){.workspace{width:min(100% - 32px,1360px)}.page-header{grid-template-columns:1fr}.page-header .toolbar-group,.page-header>.button{justify-self:stretch}.page-header>.button{width:-moz-fit-content;width:fit-content}.page-header .toolbar-group{justify-content:flex-start}.link-input-row{display:grid;grid-template-columns:1fr}.link-input-row .button{width:-moz-fit-content;width:fit-content}.upload-drop{grid-template-columns:1fr;justify-items:center;text-align:center}}@media (max-width:680px){.workspace{width:min(100% - 24px,1360px);padding-top:var(--space-3)}.link-input-row .button,.page-header>.button{width:100%}.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.shot-index{top:6px;left:6px;min-width:26px;padding:3px 6px}}.storyboard-board{gap:var(--space-3)}.storyboard-board-header{border-color:color-mix(in oklch,var(--border-default) 42%,transparent);background:var(--surface-raised);width:100%}.storyboard-board-header>div{min-width:0}.shot-label-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0;border:1px solid var(--border-default);border-radius:var(--radius-default);background:var(--surface);padding:2px}.shot-label-toggle label{position:relative;min-width:74px;cursor:pointer}.shot-label-toggle .ui-radio-item{position:absolute;inset:0;margin:0;cursor:pointer;opacity:0}.shot-label-toggle span{display:grid;min-height:30px;place-items:center;border-radius:calc(var(--radius-default) - 2px);color:var(--body-subtle);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1;white-space:nowrap}.shot-label-toggle label:has(.ui-radio-item[data-state=checked]) span{background:var(--heading);color:var(--surface)}.shot-label-toggle label:has(.ui-radio-item:focus-visible) span{outline:2px solid var(--focus-ring);outline-offset:2px}.storyboard-grid{position:relative;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:0;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface);box-shadow:var(--shadow-sm)}.storyboard-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in oklch,var(--border-default) 7%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in oklch,var(--border-default) 7%,transparent) 1px,transparent 1px);background-size:16px 16px;opacity:.38}.storyboard-grid .shot-card{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,auto) auto;align-self:stretch;overflow:hidden;contain-intrinsic-size:auto 230px;border:0;border-radius:0;background:var(--surface);box-shadow:inset -1px 0 0 var(--border-default),inset 0 -1px 0 var(--border-default);transition:background-color .18s cubic-bezier(.22,1,.36,1),outline-color .18s cubic-bezier(.22,1,.36,1)}.storyboard-grid .shot-card:hover{border-color:var(--border-default);background:color-mix(in oklch,var(--selected-soft) 54%,var(--surface));outline:3px solid var(--primary);outline-offset:-3px}.storyboard-grid .shot-card:active,.storyboard-grid .shot-card:hover{box-shadow:inset -1px 0 0 var(--border-default),inset 0 -1px 0 var(--border-default);transform:none}.storyboard-grid .shot-media{aspect-ratio:16/9;border-radius:0;background:linear-gradient(135deg,color-mix(in oklch,var(--media-soft) 52%,var(--surface)) 0,var(--neutral-primary-medium) 100%)}.storyboard-grid .shot-media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--ink) 18%,transparent)}.storyboard-grid .shot-media img,.storyboard-grid .shot-media video{object-fit:contain}.storyboard-grid .shot-index{top:10px;left:10px;min-width:34px;border:1px solid color-mix(in oklch,var(--ink) 28%,transparent);border-radius:var(--radius-default);background:color-mix(in oklch,var(--surface) 88%,transparent);box-shadow:none;color:var(--heading);padding:4px 8px;font-family:var(--font-ui);font-size:.875rem;font-weight:var(--weight-bold);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.storyboard-grid .shot-body{min-height:52px;grid-template-columns:minmax(0,1fr) 36px;gap:var(--space-2);border-top:1px solid var(--border-default);background:var(--surface);padding:8px 10px;font-size:.9375rem}.storyboard-grid .shot-time{overflow:hidden;color:var(--heading);font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.storyboard-grid .shot-duration{justify-self:end;color:var(--body-subtle);font-weight:var(--weight-semibold);white-space:nowrap}.storyboard-grid .shot-body .icon-button{width:36px;min-height:36px;border-color:color-mix(in oklch,var(--border-default) 24%,transparent);background:transparent}.storyboard-grid .shot-body .icon-button:hover{background:var(--neutral-primary-medium);box-shadow:none}@media (min-width:1180px){.storyboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:920px){.storyboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.storyboard-board{gap:var(--space-2)}.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.storyboard-grid .shot-body{min-height:48px;grid-template-columns:minmax(0,1fr) 34px;padding:7px 8px}.storyboard-board-header{align-items:stretch;flex-direction:column}.shot-label-toggle{width:100%}.storyboard-grid .shot-duration{display:none}.storyboard-grid .shot-index{top:6px;left:6px;min-width:28px;padding:3px 6px;font-size:.8125rem}}@media (max-width:360px){.storyboard-grid{grid-template-columns:1fr}.storyboard-grid .shot-duration{display:inline}.storyboard-grid .shot-body{grid-template-columns:minmax(0,1fr) 34px}}:root{--font-ui:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-body:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--leading-tight:1.18;--leading-snug:1.35;--leading-body:1.6}body{color:var(--body);font-size:var(--text-body);font-weight:400;line-height:var(--leading-body)}.brand,.button,.icon-button,.storyboard-grid .shot-index,.ui-button,.ui-input,.ui-select,.ui-select-item,.ui-select-trigger,body,button,input,select{font-family:var(--font-ui)}.brand{font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:0}.empty-title,.page-header-detail .page-title,.page-title{color:var(--heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.015em;line-height:var(--leading-tight);text-transform:none}.page-copy{max-width:65ch;color:var(--body);font-size:var(--text-body);font-weight:400;line-height:var(--leading-body)}.title-input{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.advanced-settings summary,.label,.section-bar strong,.storyboard-board-header strong,.ui-label,.ui-segmented-radio-item strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:0;line-height:var(--leading-snug)}.button,.icon-button,.ui-button,.ui-select-item,.ui-select-trigger{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:0}.input,.link-input-field input,.ui-input,.ui-select{font-size:var(--text-sm);font-weight:400;line-height:var(--leading-snug)}.footer,.meta-row,.modal-meta,.section-meta,.ui-segmented-radio-item small{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.job-name,.log-message{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:0;line-height:var(--leading-snug)}.job-status-badge,.progress-heading,.shot-duration,.shot-time,.status,.storyboard-grid .shot-index,.ui-badge{font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:0;line-height:var(--leading-tight)}.modal-footer strong{font-size:var(--text-body);line-height:var(--leading-snug)}.error{font-size:var(--text-sm);font-weight:var(--weight-semibold)}@media (min-width:768px){.page-header-detail .page-title,.page-title{font-size:var(--text-2xl)}}@media (min-width:1024px){.page-header-detail .page-title,.page-title{font-size:var(--text-2xl)}}@media (max-width:680px){.page-header-detail .page-title,.page-title{font-size:var(--text-xl)}.page-copy{font-size:var(--text-sm)}}:root{--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--motion-press:120ms;--motion-fast:180ms;--motion-state:240ms;--motion-enter:360ms}.button,.icon-button,.ui-button{transform:translateY(0) scale(1);transition:background-color var(--motion-fast) var(--ease-out-quint),border-color var(--motion-fast) var(--ease-out-quint),color var(--motion-fast) var(--ease-out-quint),box-shadow var(--motion-fast) var(--ease-out-quint),transform var(--motion-press) var(--ease-out-quart)}.button:hover,.icon-button:hover,.ui-button:hover{transform:translateY(-1px) scale(1.01)}.button:active,.icon-button:active,.ui-button:active{transform:translateY(0) scale(.985)}.button:disabled,.icon-button:disabled,.ui-button:disabled,.ui-button[aria-disabled=true]{transform:none}.advanced-settings,.input,.job-row,.link-input-field,.shot-card,.ui-input,.ui-segmented-radio-item,.ui-select-trigger,.upload-drop{transition:background-color var(--motion-fast) var(--ease-out-quint),border-color var(--motion-fast) var(--ease-out-quint),box-shadow var(--motion-fast) var(--ease-out-quint),outline-color var(--motion-fast) var(--ease-out-quint),transform var(--motion-press) var(--ease-out-quart)}.upload-drop{transform:translateY(0)}.upload-drop:hover{transform:translateY(-1px)}.upload-drop:active{transform:translateY(0)}.upload-icon{transition:background-color var(--motion-fast) var(--ease-out-quint),color var(--motion-fast) var(--ease-out-quint),transform var(--motion-state) var(--ease-out-expo)}.upload-drop:focus-within .upload-icon,.upload-drop:hover .upload-icon{color:var(--primary);transform:translateY(-2px)}.upload-drop:active .upload-icon{transform:translateY(0) scale(.98)}.advanced-settings summary svg{transition:transform var(--motion-state) var(--ease-out-expo)}.advanced-settings[open] summary svg{transform:rotate(30deg)}.advanced-settings[open] .detection-field{animation:settings-reveal var(--motion-state) var(--ease-out-expo) both}.ui-segmented-radio-item:has(input:checked){animation:selected-confirm var(--motion-state) var(--ease-out-expo)}.progress>span{position:relative;overflow:hidden;transition:transform var(--motion-state) var(--ease-out-quint)}.progress>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--on-accent) 38%,transparent),transparent);transform:translateX(-100%);animation:progress-sheen 1.25s linear infinite}.storyboard-grid .shot-card{animation:shot-cell-in var(--motion-enter) var(--ease-out-expo) both;animation-delay:var(--shot-delay,0s);transform:translateY(0)}.storyboard-grid .shot-card:hover{transform:translateY(-2px)}.storyboard-grid .shot-card:active{transform:translateY(0) scale(.995)}.storyboard-grid .shot-media img,.storyboard-grid .shot-media video{transition:filter var(--motion-state) var(--ease-out-quint),transform var(--motion-state) var(--ease-out-expo)}.storyboard-grid .shot-card:hover .shot-media img,.storyboard-grid .shot-card:hover .shot-media video,.storyboard-grid .shot-media:focus-visible img,.storyboard-grid .shot-media:focus-visible video{filter:saturate(1.06) contrast(1.03);transform:scale(1.018)}.storyboard-grid .shot-index{transition:background-color var(--motion-fast) var(--ease-out-quint),color var(--motion-fast) var(--ease-out-quint),transform var(--motion-state) var(--ease-out-expo)}.storyboard-grid .shot-card:hover .shot-index{background:var(--primary);color:var(--on-accent);transform:translateY(-1px)}.modal-backdrop[open]{animation:modal-scrim-in var(--motion-state) var(--ease-out-quint) both}.modal-backdrop[open] .modal{animation:modal-panel-in var(--motion-enter) var(--ease-out-expo) both}.modal video{transform-origin:center}.modal[data-nav-direction=next] video{animation:shot-preview-next var(--motion-state) var(--ease-out-expo) both}.modal[data-nav-direction=previous] video{animation:shot-preview-previous var(--motion-state) var(--ease-out-expo) both}.modal[data-nav-direction=open] video{animation:shot-preview-open var(--motion-enter) var(--ease-out-expo) both}.video-scrubber input{transition:filter var(--motion-fast) var(--ease-out-quint)}.video-scrubber input:focus-visible,.video-scrubber input:hover{filter:saturate(1.2)}@keyframes settings-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes selected-confirm{0%{transform:scale(.992)}to{transform:scale(1)}}@keyframes progress-sheen{to{transform:translateX(100%)}}@keyframes shot-cell-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-scrim-in{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.76)}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shot-preview-open{0%{opacity:0;filter:blur(6px);transform:scale(.99)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes shot-preview-next{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes shot-preview-previous{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@media (hover:none){.button:hover,.icon-button:hover,.storyboard-grid .shot-card:hover,.ui-button:hover,.upload-drop:hover{transform:none}.storyboard-grid .shot-card:hover .shot-media img,.storyboard-grid .shot-card:hover .shot-media video{filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.progress>span:after{animation:none}.advanced-settings[open] .detection-field,.modal-backdrop[open],.modal-backdrop[open] .modal,.modal[data-nav-direction] video,.storyboard-grid .shot-card,.ui-segmented-radio-item:has(input:checked){animation:none}.advanced-settings summary svg,.button,.icon-button,.storyboard-grid .shot-card,.storyboard-grid .shot-card:hover .shot-media img,.storyboard-grid .shot-card:hover .shot-media video,.storyboard-grid .shot-index,.ui-button,.upload-drop,.upload-icon{transform:none}}@media (max-width:920px){.topbar{gap:var(--space-2)}.topbar-actions{flex:1 1 auto;min-width:0}.topbar-actions .ui-button{min-height:44px}.page-header .toolbar-group{width:100%}.toolbar-group{justify-content:flex-start}.export-select-group{width:100%}.export-select-control{max-width:none}.section-bar{align-items:stretch}.section-bar>div{min-width:0}.job-name,.log-message{white-space:normal}.ui-select-content{width:max(100%,min(210px,calc(100vw - 32px)))}}@media (max-width:680px){.topbar{align-items:flex-start;flex-wrap:wrap;padding-inline:max(var(--space-3),env(safe-area-inset-left)) max(var(--space-3),env(safe-area-inset-right))}.brand{min-height:44px}.topbar-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) 44px;width:100%}.topbar-actions .ui-button{width:100%;padding-inline:10px}.topbar-actions .ui-button-size-icon{width:44px;padding:0}.workspace{width:min(100% - 24px,1360px);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.page-header{gap:var(--space-3)}.link-input-row .ui-button,.page-header>.ui-button{width:100%}.toolbar-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.toolbar-group>.ui-button{width:100%}.toolbar-group>.export-select-group,.toolbar-group>.ui-button-destructive{grid-column:1/-1}.export-select-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.section-bar{flex-direction:column}.section-bar .export-select-group{align-items:end}.list-controls{display:grid;grid-template-columns:1fr;width:100%}.status-filter{width:100%}.status-filter-trigger{width:100%;justify-content:space-between}.status-filter-panel{position:static;width:100%;margin-top:var(--space-2)}.bulk-mode-bar{align-items:stretch;display:grid;grid-template-columns:1fr}.bulk-mode-bar .ui-button{width:100%}.bulk-action-bar{align-items:stretch;display:grid;grid-template-columns:1fr}.bulk-action-bar .ui-button{width:100%}.bulk-selection-count{min-width:0}.job-list-selection-mode .job-row-shell{grid-template-columns:44px minmax(0,1fr)}.job-row,.log-row{grid-template-columns:1fr}.job-side{justify-content:space-between;width:100%}.ui-card-content{padding:var(--space-3)}.link-input-field{min-height:44px}.upload-drop{min-height:180px;padding:var(--space-4)}.ui-segmented-radio{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{align-items:end;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{max-height:calc(100dvh - max(var(--space-2), env(safe-area-inset-top)) - max(var(--space-2), env(safe-area-inset-bottom)))}.modal video{max-height:calc(100dvh - 210px);object-fit:contain}.modal-playback-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px}.video-time{grid-column:1/-1;min-width:0;text-align:left}.modal-footer{align-items:stretch;flex-direction:column;padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.modal-controls{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.modal-controls .ui-button{width:100%}}@media (max-width:430px){.topbar-actions{grid-template-columns:.82fr minmax(0,1fr) 44px}.topbar-actions .ui-button{gap:6px;font-size:var(--text-xs)}.export-select-group{grid-template-columns:1fr}.section-bar .export-select-group{align-items:stretch}.storyboard-grid{grid-template-columns:1fr}.storyboard-grid .shot-duration{display:inline}.storyboard-grid .shot-body{grid-template-columns:minmax(0,1fr) 34px}.ui-segmented-radio{grid-template-columns:1fr}}@media (max-width:360px){.topbar-actions{grid-template-columns:1fr 44px}.topbar-actions .ui-button-primary{grid-column:1/-1;grid-row:1}}@media (hover:none){.storyboard-grid .shot-body .icon-button:hover,.storyboard-grid .shot-card:hover,.ui-button:hover,.ui-segmented-radio-item:hover,.ui-select-trigger:hover,.ui-select-trigger[aria-expanded=true],.upload-drop:hover{box-shadow:none;transform:none}.storyboard-grid .shot-card:hover{background:var(--surface);outline:0}}.page-header-detail{grid-template-columns:minmax(0,1fr) minmax(260px,auto);align-items:start;gap:var(--space-4);border:1px solid color-mix(in oklch,var(--border-default) 24%,transparent);border-radius:var(--radius-base);background:var(--surface);box-shadow:var(--shadow-sm);padding:var(--space-4)}.page-header-detail .title-stack{display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-width:0}.page-header-detail .title-row{align-items:start}.page-header-detail .page-title{max-width:28ch}.page-header-detail .page-copy{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.page-header-detail .title-edit-button{width:36px;min-height:36px}.source-link{min-width:0;max-width:min(100%,760px)}.source-link a{display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);min-height:42px;width:-moz-fit-content;width:fit-content;max-width:100%;border:1px solid color-mix(in oklch,var(--border-default) 24%,transparent);border-radius:var(--radius-base);background:var(--neutral-primary-soft);color:var(--heading);padding:8px 10px;text-decoration:none;transition:background-color var(--motion-fast) var(--ease-out-quint),border-color var(--motion-fast) var(--ease-out-quint),box-shadow var(--motion-fast) var(--ease-out-quint),color var(--motion-fast) var(--ease-out-quint)}.source-link a:hover{border-color:color-mix(in oklch,var(--primary) 58%,var(--border-default));background:color-mix(in oklch,var(--primary-soft) 44%,var(--surface));box-shadow:var(--shadow-xs);color:var(--heading)}.source-link a:active{box-shadow:none}.source-link-external,.source-link-icon{color:var(--muted)}.source-link-text{display:grid;min-width:0;grid-gap:1px;gap:1px}.source-link-label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.source-link-url{display:flex;min-width:0;gap:2px;color:var(--heading);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.source-link-url strong{flex:0 0 auto;font-weight:var(--weight-semibold)}.source-link-url span{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.page-header-detail .toolbar-group{justify-self:end;max-width:100%}.page-header-detail .toolbar-error{flex-basis:100%;margin:0;color:var(--danger-strong);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-align:right}.page-header-detail .export-select-group{min-width:min(100%,330px)}.page-header-detail .export-select-control{max-width:190px}@media (max-width:920px){.page-header-detail{grid-template-columns:1fr}.page-header-detail .toolbar-group{justify-self:stretch}.page-header-detail .toolbar-error{text-align:left}.page-header-detail .page-title{max-width:none}}@media (max-width:680px){.page-header-detail{padding:var(--space-3)}.source-link a{width:100%}.page-header-detail .export-select-group{min-width:0}.topbar{align-items:center;flex-wrap:nowrap}.topbar-actions{display:flex;flex:0 1 auto;width:auto;margin-left:auto}.topbar-actions .ui-button{width:auto}}@media (max-width:430px){.topbar-actions{display:flex}.topbar-actions .ui-button-primary{grid-column:auto;grid-row:auto}}body{background:oklch(.972 .006 350)}.footer,.topbar{border-color:color-mix(in oklch,var(--border-default) 24%,transparent)}.empty,.job-row-shell,.link-input-field,.page-header-detail,.section-bar,.shot-card,.ui-card{border-color:color-mix(in oklch,var(--border-default) 28%,transparent)}.link-input-field{border-width:1px;background:var(--surface-raised)}.link-input-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand-medium) 55%,transparent)}.empty,.page-header-detail,.ui-card{box-shadow:var(--shadow-xs)}.section-bar{background:color-mix(in oklch,var(--accent-soft) 72%,var(--surface));box-shadow:none}.job-row-shell{border-width:1px;box-shadow:none;transition:background-color var(--motion-fast) var(--ease-out-quint),border-color var(--motion-fast) var(--ease-out-quint),box-shadow var(--motion-fast) var(--ease-out-quint)}.job-row-shell,.job-row-shell-awaiting_upload,.job-row-shell-complete,.job-row-shell-processing{background:var(--surface-raised)}.job-row-shell-failed{background:color-mix(in oklch,var(--danger-soft) 32%,var(--surface-raised))}.job-row-shell:hover{border-color:color-mix(in oklch,var(--primary) 48%,var(--border-default));background:color-mix(in oklch,var(--primary-soft) 24%,var(--surface-raised));box-shadow:var(--shadow-xs);color:var(--body);transform:none}.job-row-shell:active{background:color-mix(in oklch,var(--primary-soft) 42%,var(--surface-raised));box-shadow:none;transform:none}.job-row-shell:hover .job-name,.job-row-shell:hover .job-side,.job-row-shell:hover .meta-row{color:inherit}.job-row-shell-selected,.job-row-shell-selected:hover{border-color:var(--primary);background:var(--selected-soft);box-shadow:inset 0 0 0 1px var(--primary)}.bulk-mode-copy{color:var(--muted);font-weight:var(--weight-medium)}.list-control-select.ui-select-trigger,.shot-label-toggle,.status-filter-trigger{border-color:color-mix(in oklch,var(--border-default) 34%,transparent);box-shadow:none}.shot-card{box-shadow:none}.storyboard-grid .shot-card:hover{border-color:color-mix(in oklch,var(--primary) 54%,var(--border-default));box-shadow:var(--shadow-xs)}:focus-visible{outline-width:3px;outline-color:color-mix(in oklch,var(--brand-medium) 72%,var(--heading))}@media (prefers-color-scheme:dark){body{background:var(--neutral-secondary-soft)}}@media (max-width:430px){.brand>span:last-child{display:inline}.topbar-logs{display:none}.topbar-actions{flex:0 1 auto}}.job-row-shell{grid-template-columns:minmax(0,1fr) auto}.job-list-selection-mode .job-row-shell{grid-template-columns:34px minmax(0,1fr)}.job-row-menu-trigger{width:44px;height:44px;margin-right:var(--space-2);align-self:center}.job-notes-preview{display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.storyboard-notes{max-width:70ch;margin:var(--space-2) 0 0;line-height:var(--leading-body);white-space:pre-wrap}.storyboard-notes,.ui-dropdown-item{color:var(--body);font-size:var(--text-sm)}.ui-dropdown-item{display:flex;align-items:center;gap:var(--space-2);min-height:36px;border-radius:var(--radius-default);padding:7px 9px;font-weight:var(--weight-semibold);line-height:var(--leading-tight);outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-dropdown-item[data-highlighted]{background:var(--neutral-primary-medium);color:var(--heading)}.ui-dialog-close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--radius-default);background:transparent;color:var(--body-subtle)}.ui-dialog-close:hover{background:var(--neutral-primary-medium);color:var(--heading)}.edit-storyboard-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border-color:color-mix(in oklch,var(--border-default) 42%,transparent);box-shadow:var(--shadow-md)}.edit-storyboard-dialog .ui-dialog-header{padding-right:44px}.edit-storyboard-fields{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.ui-field{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.ui-field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);color:var(--heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.ui-field-label-row span{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.ui-textarea{min-height:112px;resize:vertical}.edit-storyboard-error,.ui-field-help{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug)}.export-spinner{animation:export-spin .8s linear infinite}@keyframes export-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.export-spinner{animation:none}}.ui-field-help{color:var(--muted)}.edit-storyboard-error{border-radius:var(--radius-default);background:var(--danger-soft);color:var(--danger-strong);padding:var(--space-2);font-weight:var(--weight-semibold)}@media (max-width:560px){.title-row{align-items:flex-start;flex-direction:column}.edit-storyboard-dialog .ui-dialog-footer{align-items:stretch;flex-direction:column-reverse}.edit-storyboard-dialog .ui-dialog-footer .ui-button{width:100%}.job-row{padding-right:var(--space-2)}.job-row-menu-trigger{margin-right:var(--space-1)}}