*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-cream:#f5f0e8;--color-paper:#fffbf5e0;--color-paper-strong:#fffaf4;--color-terracotta:#b96e4d;--color-terracotta-strong:#8f4d32;--color-terracotta-accessible:#8f4d32;--color-sage:#7d9b75;--color-sage-strong:#54734f;--color-warm-dark:#251d14;--color-warm-mid:#5c4738;--color-warm-muted:#7b6656;--color-warm-light:#d8c4b0;--color-bg:var(--color-cream);--color-bg-accent-1:#b96e4d1f;--color-bg-accent-2:#7d9b7529;--color-text-primary:#251d14;--color-text-secondary:#5c4738;--color-text-muted:#7b6656;--color-surface-elevated:#fffaf4db;--color-field-bg:#ffffffe6;--color-field-bg-alt:#ffffffe0;--color-border:#523a2829;--color-border-strong:#5c473838;--color-border-dashed:#5c473852;--color-border-subtle:#523a282e;--color-border-emphasis:#8f4d3252;--color-shadow:#251d141f;--color-error:#8b2b2b;--color-error-bg:#f6dfdd;--color-error-border:#8b2b2b2e;--color-info-bg:#e9efe9;--color-warning-bg:#f5e7d3;--color-success-bg:#e3efe2;--color-notice-border:#523a281f;--color-context-border:#8f4d3229;--color-context-bg-start:#fffaf4f0;--color-context-bg-end:#f7efe6e6;--color-context-bg-base:#fffaf4d1;--color-context-shadow:#251d1461;--color-separator:#523a281a;--color-control-active-bg:var(--color-terracotta-accessible);--color-control-active-text:#fffaf4;--color-focus-ring:var(--color-terracotta-accessible);--font-heading:"Playfair Display", Georgia, serif;--font-body:"Source Serif 4", Georgia, serif;--ring:3px solid var(--color-focus-ring)}[data-theme=dark]{--color-paper:#211914e6;--color-paper-strong:#2d231c;--color-bg:#16110d;--color-bg-accent-1:#b96e4d2e;--color-bg-accent-2:#7d9b752e;--color-text-primary:#f4eadf;--color-text-secondary:#dbc8b7;--color-text-muted:#bba795;--color-surface-elevated:#30251ff0;--color-field-bg:#1d1713f5;--color-field-bg-alt:#231c18f5;--color-border:#f4eadf24;--color-border-strong:#f4eadf3d;--color-border-dashed:#f4eadf4d;--color-border-subtle:#f4eadf38;--color-border-emphasis:#f3c68075;--color-shadow:#00000057;--color-error:#ffd9d4;--color-error-bg:#4f2323;--color-error-border:#ffb9af57;--color-info-bg:#1f2f2d;--color-warning-bg:#3c2b1c;--color-success-bg:#203321;--color-notice-border:#f4eadf1f;--color-context-border:#f3c6803d;--color-context-bg-start:#352821f2;--color-context-bg-end:#251d18eb;--color-context-bg-base:#1f1814e6;--color-context-shadow:#0000006b;--color-separator:#f4eadf1f;--color-focus-ring:#f3c680}html,body,#root{min-height:100%}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at top left, var(--color-bg-accent-1), transparent 28%), radial-gradient(circle at bottom right, var(--color-bg-accent-2), transparent 32%), var(--color-bg)}body{color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}img{max-width:100%;display:block}button,input,select,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:var(--ring);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(100%,96rem);margin:0 auto;padding:clamp(1rem,2.8vw,2rem)}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;margin-bottom:clamp(1.25rem,3vw,2.5rem);display:flex}.app-brand{aspect-ratio:3.25;width:min(100%,clamp(13rem,28vw,21rem));min-width:12rem;overflow:hidden}.app-brand__image{object-fit:cover;object-position:center 37%;width:100%;height:100%}.app-header__actions{flex-wrap:wrap;flex:14rem;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.app-main{flex-direction:column;gap:1.5rem;display:flex}.panel,.stage-view,.player-card,.loading-screen__card{border:1px solid var(--color-border);background:var(--color-paper);box-shadow:0 24px 60px -32px var(--color-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.5rem}.panel{padding:clamp(1.25rem,3vw,2.5rem)}.panel--input,.panel--loading,.stage-view{width:min(100%,72rem);margin:0 auto}.panel--input{grid-template-columns:minmax(0,1.1fr) minmax(19rem,1fr);gap:clamp(1.5rem,3vw,3rem);display:grid}.panel--loading{gap:1.5rem;display:grid}.panel__copy{flex-direction:column;gap:1rem;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-terracotta-strong);font-size:1rem;font-weight:600}.panel__title,.stage-view__title{font-family:var(--font-heading);color:var(--color-text-primary);text-wrap:balance;font-size:clamp(2rem,3.8vw,3.45rem);line-height:1.05}.panel__description,.stage-view__summary,.stage-meta__text,.field-help{color:var(--color-text-secondary);font-size:1rem}.panel__form{flex-direction:column;gap:1.25rem;display:flex}.mode-switcher{border:0;flex-direction:column;gap:.75rem;display:flex}.mode-switcher__options{flex-wrap:wrap;gap:.75rem;display:flex}.mode-switcher__button{border:1px solid var(--color-border);background:var(--color-surface-elevated);min-height:3.25rem;color:var(--color-text-primary);border-radius:1rem;align-items:center;gap:.65rem;padding:.8rem 1rem;font-size:1rem;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.mode-switcher__button:hover{border-color:var(--color-border-emphasis);transform:translateY(-1px)}.mode-switcher__button.is-active{background:var(--color-control-active-bg);color:var(--color-control-active-text);border-color:var(--color-control-active-bg)}.field-group{flex-direction:column;gap:.7rem;display:flex}.field-label{color:var(--color-text-primary);font-size:1rem;font-weight:700}.text-input,.player-card__select{border:1px solid var(--color-border-strong);background:var(--color-field-bg);width:100%;min-height:3.4rem;color:var(--color-text-primary);border-radius:1rem;padding:.9rem 1rem;font-size:1rem}.text-input::placeholder{color:var(--color-text-muted);opacity:1}.file-picker{border:1px dashed var(--color-border-dashed);background:var(--color-field-bg-alt);min-height:3.6rem;color:var(--color-text-primary);border-radius:1rem;align-items:center;gap:.7rem;padding:.95rem 1rem;font-size:1rem;font-weight:600;display:inline-flex}.file-picker:focus-within{outline:var(--ring);outline-offset:3px;border-color:var(--color-terracotta-accessible)}.field-help{line-height:1.5}.field-error{background:var(--color-error-bg);color:var(--color-error);border-radius:1rem;align-items:flex-start;gap:.55rem;padding:.95rem 1rem;font-size:1rem;font-weight:600;display:inline-flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:3.25rem;padding:.85rem 1.25rem;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -14px #251d1473}.button--primary{background:var(--color-terracotta-accessible);color:#fffaf4}.button--primary:disabled{color:#5f5347;background:#d0bcaa}.button--secondary{background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.theme-toggle{width:3.25rem;min-width:3.25rem;padding-inline:0}.theme-toggle[aria-pressed=true]{background:var(--color-control-active-bg);color:var(--color-control-active-text);border-color:var(--color-control-active-bg)}.theme-toggle__icon{justify-content:center;align-items:center;display:inline-flex}.panel__submit{align-self:flex-start}.notice{border:1px solid var(--color-notice-border);color:var(--color-text-primary);border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;font-size:1rem;display:flex}.notice--error{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.notice--warning{background:var(--color-warning-bg)}.notice--info{background:var(--color-info-bg)}.notice--success{background:var(--color-success-bg)}.notice__dismiss{color:inherit;background:0 0;border:0;flex-shrink:0;font-size:1rem;font-weight:700}.loading-screen__context{border:1px solid var(--color-context-border);background:linear-gradient(135deg, var(--color-context-bg-start), var(--color-context-bg-end)), var(--color-context-bg-base);max-width:52rem;box-shadow:0 18px 36px -30px var(--color-context-shadow);border-radius:1.15rem;padding:1rem 1.2rem 1.15rem;position:relative}.loading-screen__context:before{content:"";background:linear-gradient(180deg, var(--color-terracotta), var(--color-sage));border-radius:1.15rem 0 0 1.15rem;width:.4rem;position:absolute;inset:0 auto 0 0}.loading-screen__context-label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-terracotta-strong);margin-bottom:.4rem;padding-left:.2rem;font-size:.76rem;font-weight:700}.loading-screen__context-title{color:var(--color-text-primary);font-family:var(--font-heading);text-wrap:pretty;overflow-wrap:anywhere;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.22}.loading-screen__card{padding:clamp(1.25rem,2.8vw,2rem)}.loading-screen__list{gap:1rem;list-style:none;display:grid}.loading-screen__step{border-bottom:1px solid var(--color-separator);align-items:flex-start;gap:.85rem;padding:.9rem 0;display:flex}.loading-screen__step:last-child{border-bottom:0}.loading-screen__body{flex-direction:column;gap:.25rem;display:flex}.loading-screen__label{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.loading-screen__detail{color:var(--color-text-secondary);font-size:1rem}.loading-screen__warning{margin-top:1.25rem}.stage-view{flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.stage-view__intro{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);align-items:start;gap:1rem 1.5rem;display:grid}.stage-view__copy,.stage-view__status{flex-direction:column;gap:1rem;display:flex}.stage-view__status-indicator{flex-wrap:wrap;align-items:center;gap:.7rem;display:inline-flex}.stage-view__status-icon{flex-shrink:0}.stage-view__status-spinner{flex-shrink:0;animation:1s linear infinite spin}.stage-view__summary{max-width:46rem}.player-card{overflow:hidden}.player-card__stage{aspect-ratio:16/9;background:#1d1711;min-height:min(32rem,70vh);max-height:72vh;position:relative;overflow:hidden}.player-card__slide{transition:opacity .8s ease-in-out;position:absolute;inset:0}.player-card__image{object-fit:cover;transform-origin:50%;width:100%;height:100%}.player-card__vignette{z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 160px #0f0a0773}.player-card__controls{inset-inline:0;z-index:3;background:linear-gradient(#19120c1f 0%,#19120ce0 100%);flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem;display:flex;position:absolute;bottom:0}.player-card__controls-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-card__controls-main{flex:18rem;align-items:center;gap:1rem;min-width:0;display:flex}.player-card__controls-side{flex:0 auto;justify-content:flex-end;align-items:center;display:flex}.player-card__timeline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;display:grid}.player-card__loading{color:#fffaf4;background:#fffaf424;border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:1rem;display:inline-flex}.player-card__play-button{color:#fffaf4;background:#fffaf42e;border:1px solid #fffaf470;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:inline-flex}.player-card__title{color:#fffaf4f5;min-width:0;font-family:var(--font-heading);text-shadow:0 1px 8px #0000006b;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.35;overflow:hidden}.player-card__select{color:#fffaf4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf429;border-color:#fffaf461;min-width:6rem;padding-right:2.5rem}.player-card__select option{color:var(--color-text-primary)}.player-card__time{color:#fffaf4e0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.92rem}.player-card__seek{accent-color:#f3c680;width:100%}.player-card__seek:focus-visible{outline-offset:3px;outline:2px solid #f3c680f2}.player-card__seek:disabled{opacity:.5;cursor:not-allowed}.stage-meta{justify-content:flex-start;margin-top:.15rem;display:flex}.stage-meta__text{max-width:40rem}.stage-actions-section{border-top:1px solid var(--color-separator);flex-direction:column;gap:.9rem;margin-top:.45rem;padding-top:1.1rem;display:flex}.stage-actions__label{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);font-size:1.15rem;font-weight:700;line-height:1.15}.stage-actions{flex-wrap:wrap;gap:.95rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ken-burns-zoom-in-left{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-2%,-1%)}}@keyframes ken-burns-zoom-in-right{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(2%,1%)}}@keyframes ken-burns-zoom-out-left{0%{transform:scale(1.08)translate(0)}to{transform:scale(1)translate(-1%,1%)}}@keyframes ken-burns-zoom-out-right{0%{transform:scale(1.08)translate(0)}to{transform:scale(1)translate(2%,-1%)}}@media (width<=56rem){.panel--input,.stage-view__intro{grid-template-columns:1fr}.player-card__stage{min-height:min(28rem,68vh)}}@media (width<=42rem){.app-shell{padding:1rem}.app-brand{width:min(100%,16rem)}.app-header__actions{flex-basis:100%;justify-content:flex-start}.panel,.stage-view,.loading-screen__card{border-radius:1.2rem}.panel__submit,.stage-actions .button,.app-header__actions .button{width:100%}.mode-switcher__options{flex-direction:column}.mode-switcher__button,.stage-actions .button{justify-content:center;width:100%}.player-card__stage{min-height:min(22rem,62vh);max-height:none}.player-card__controls{padding:1rem}.player-card__controls-top,.player-card__controls-main,.player-card__controls-side,.player-card__timeline{width:100%}.player-card__controls-side{justify-content:flex-start}.player-card__timeline{grid-template-columns:1fr;gap:.5rem}.player-card__title{white-space:normal}.player-card__select{width:100%}.player-card__time:last-child{justify-self:end}.notice{flex-direction:column}.loading-screen__context{padding:.95rem 1rem 1rem}.loading-screen__context-title{font-size:1.25rem}}@media (height<=44rem){.player-card__stage{min-height:18rem;max-height:58vh}}