@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Bricolage+Grotesque:wght@500;700&display=swap";:root{color-scheme:dark;--ink: oklch(93% .022 82);--ink-soft: oklch(73% .028 82);--paper: oklch(14% .018 245);--paper-strong: oklch(20% .022 245);--paper-raised: oklch(25% .024 245);--line: oklch(38% .026 246);--fur: oklch(72% .075 207);--fur-soft: oklch(29% .04 215);--heart: oklch(72% .14 32);--gold: oklch(80% .12 78);--night: oklch(8% .022 245);--button-text: oklch(96% .012 84);--button-surface: oklch(27% .024 245);--button-surface-hover: oklch(34% .028 245);--button-border: oklch(58% .028 246);--button-on-image: oklch(8% .018 245 / .84);--button-on-image-hover: oklch(12% .02 245 / .9);--button-primary: oklch(96% .012 84);--button-primary-hover: oklch(100% .006 84);--button-secondary: oklch(24% .02 245 / .72);--button-secondary-hover: oklch(32% .024 245 / .84);--shadow: 0 22px 60px oklch(4% .02 245 / .42);--topbar: 64px;--menu-width: 292px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Atkinson Hyperlegible,Segoe UI,sans-serif;line-height:1.45}body{min-width:320px;margin:0;background:radial-gradient(circle at 12% -8%,oklch(33% .06 207 / .28),transparent 34rem),radial-gradient(circle at 92% 10%,oklch(34% .07 34 / .16),transparent 30rem),var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}img{display:block;max-width:100%}.app-shell{min-height:100svh;padding-top:var(--topbar);padding-left:var(--menu-width)}.app-shell.is-presentation{padding:0}.app-shell.is-presentation .app-main{min-height:100svh}.topbar{position:fixed;z-index:60;top:0;right:0;left:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);height:var(--topbar);padding:0 var(--space-md);background:color-mix(in oklch,var(--paper-strong) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand-button,.text-button,.ghost-button,.primary-button,.icon-button{min-height:44px;border:0;border-radius:8px;color:var(--button-text);transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),opacity .16s cubic-bezier(.16,1,.3,1)}.brand-button{display:inline-flex;align-items:center;width:max-content;gap:var(--space-sm);padding:0 var(--space-sm);background:transparent;font-family:Bricolage Grotesque,Atkinson Hyperlegible,sans-serif;font-weight:700;letter-spacing:0}.brand-mark{width:24px;height:24px;border-radius:6px;background:radial-gradient(circle at 45% 40%,var(--night) 0 26%,transparent 27%),var(--fur);box-shadow:0 0 0 1px #f5eee029}.brand-label-short{display:none}.topbar-actions,.catalog-actions,.lead-actions,.edit-actions,.editor-toolbar,.detail-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.icon-button,.reader-arrow{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;background:var(--button-surface);border:1px solid var(--button-border)}.icon-button svg,.text-button svg,.ghost-button svg,.primary-button svg{width:18px;height:18px;flex:0 0 auto}.text-button,.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:0 var(--space-md);font-weight:700}.text-button{background:var(--button-surface);border:1px solid var(--button-border)}.ghost-button{background:var(--button-secondary);border:1px solid oklch(96% .012 84 / .2);box-shadow:0 10px 24px #0000002e}.primary-button{background:var(--button-primary);color:var(--night);border:1px solid oklch(100% .006 84 / .42);box-shadow:0 14px 28px #0000003d}.primary-button svg{color:currentColor}.icon-button:hover,.text-button:hover,.ghost-button:hover{background:var(--button-surface-hover);border-color:#91a1af;transform:translateY(-1px)}.primary-button:hover{background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:0 18px 34px #0000004d}.ghost-button:hover{background:var(--button-secondary-hover)}.icon-button:active,.text-button:active,.ghost-button:active,.primary-button:active{transform:translateY(0) scale(.98)}.play-button{min-width:148px}.play-button svg,.play-pill svg{fill:currentColor}.info-button{min-width:168px}.menu-toggle,.menu-close{display:none}.menu-toggle-label{font-weight:700}.story-menu{position:fixed;z-index:50;top:var(--topbar);bottom:0;left:0;width:var(--menu-width);padding:var(--space-md);overflow:auto;background:var(--paper-strong);border-right:1px solid var(--line)}.story-menu-header,.admin-list-header,.panel-title,.edit-panel-header,.studio-header,.catalog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.story-menu-header p,.admin-list-header span,.panel-title span{margin:0;font-weight:700}.story-list,.admin-list{display:grid;gap:var(--space-xs)}.story-list{margin-top:var(--space-md)}.story-list-item,.admin-story-item,.story-card{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:var(--space-sm);width:100%;min-height:78px;padding:var(--space-xs);border:1px solid transparent;border-radius:8px;background:transparent;text-align:left}.story-list-item.is-active,.admin-story-item.is-active,.story-list-item:hover,.admin-story-item:hover,.story-card:hover{border-color:var(--fur);background:color-mix(in oklch,var(--fur-soft) 76%,var(--paper-strong))}.story-list-thumb,.story-list-thumb img,.admin-story-item img,.story-card img{width:64px;height:64px;border-radius:6px;object-fit:cover}.story-list-item strong,.admin-story-item strong,.story-card strong{display:block;color:var(--ink)}.story-list-item small,.admin-story-item small,.story-card small{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-top:var(--space-2xs);color:var(--ink-soft)}.app-main{min-height:calc(100svh - var(--topbar))}.catalog-view,.detail-view,.studio-view{padding:clamp(20px,3vw,48px)}.catalog-header{align-items:flex-end}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);margin:0 0 var(--space-xs);color:var(--heart);font-size:.84rem;font-weight:700}h1,h2,h3{margin:0;font-family:Bricolage Grotesque,Atkinson Hyperlegible,sans-serif;line-height:1.02;letter-spacing:0}.catalog-header h1{max-width:12ch;font-size:clamp(2.2rem,5vw,5.2rem)}.catalog-home{padding:0 0 var(--space-2xl)}.catalog-hero{position:relative;display:grid;min-height:min(72svh,760px);overflow:hidden;isolation:isolate;background:var(--night)}.catalog-hero-media{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:100%;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--night)}.frame-cover{position:absolute;inset:0;overflow:hidden;background:var(--night)}.frame-cover img{position:absolute;max-width:none;object-fit:cover;transform:scale(1.01);transition:transform .52s cubic-bezier(.16,1,.3,1),filter .52s cubic-bezier(.16,1,.3,1)}.catalog-hero-media:hover .frame-cover img,.story-poster-card:hover .frame-cover img{filter:saturate(1.06) brightness(1.05);transform:scale(1.05)}.catalog-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,var(--night) 0%,oklch(8% .022 245 / .92) 16%,transparent 58%),linear-gradient(to right,var(--night) 0%,oklch(8% .022 245 / .88) 30%,transparent 70%)}.catalog-hero-copy{position:relative;z-index:1;align-self:end;display:grid;gap:var(--space-md);max-width:min(680px,calc(100% - 32px));padding:clamp(72px,12svh,136px) clamp(20px,5vw,72px) clamp(44px,8svh,88px)}.catalog-hero-copy h2{max-width:10ch;font-size:clamp(2.6rem,6.4vw,6.4rem);text-shadow:0 8px 34px oklch(0% 0 0 / .6)}.catalog-hero-copy p:not(.eyebrow){max-width:54ch;margin:0;color:#ded7c9;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.55}.story-rails{display:grid;gap:var(--space-xl);padding:var(--space-xl) clamp(20px,4vw,64px) 0}.story-rail{display:grid;gap:var(--space-sm)}.story-rail-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.story-rail-header h2{font-size:clamp(1.15rem,1.6vw,1.6rem)}.story-rail-header span{color:var(--ink-soft);font-size:.86rem;font-weight:700}.story-row{display:flex;gap:var(--space-sm);margin-right:calc(clamp(20px,4vw,64px)*-1);margin-left:calc(var(--space-xs) * -1);overflow-x:auto;overscroll-behavior-x:contain;padding:var(--space-xs) clamp(20px,4vw,64px) var(--space-md) var(--space-xs);scroll-padding-left:var(--space-xs);scroll-snap-type:x proximity}.story-row::-webkit-scrollbar{height:10px}.story-row::-webkit-scrollbar-track{background:#0b1219;border-radius:999px}.story-row::-webkit-scrollbar-thumb{background:#525f6c;border-radius:999px}.story-poster-card{position:relative;display:grid;flex:0 0 clamp(220px,24vw,340px);gap:var(--space-xs);padding:0;border:0;border-radius:8px;background:transparent;color:var(--button-text);text-align:left;scroll-snap-align:start}.story-poster-media{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid oklch(98% .006 84 / .12);border-radius:8px;background:var(--night);box-shadow:0 16px 34px #0000003d}.story-poster-count{position:absolute;right:var(--space-xs);bottom:var(--space-xs);display:inline-flex;align-items:center;gap:var(--space-2xs);max-width:calc(100% - 16px);min-height:28px;padding:0 var(--space-xs);border:1px solid oklch(98% .006 84 / .28);border-radius:7px;background:var(--button-on-image);color:#faf8f4;font-size:.78rem;font-weight:700;line-height:1;white-space:nowrap;backdrop-filter:blur(10px)}.story-poster-count svg{width:14px;height:14px}.story-poster-play{position:absolute;left:var(--space-xs);bottom:var(--space-xs);display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:30px;padding:0 var(--space-sm);border-radius:999px;background:#f6f1e9f0;color:var(--night);font-size:.82rem;font-weight:800;opacity:0;transform:translateY(6px);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.story-poster-play svg{width:13px;height:13px;fill:currentColor}.story-poster-card:hover .story-poster-play,.story-poster-card:focus-visible .story-poster-play{opacity:1;transform:translateY(0)}.story-poster-copy{display:grid;gap:var(--space-2xs);padding:0 var(--space-2xs)}.story-poster-copy strong{overflow:hidden;color:var(--ink);font-family:Bricolage Grotesque,Atkinson Hyperlegible,sans-serif;font-size:1rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.story-poster-copy small{display:-webkit-box;overflow:hidden;color:var(--ink-soft);font-size:.82rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lead-story{display:grid;grid-template-columns:minmax(280px,1.28fr) minmax(260px,.72fr);gap:var(--space-xl);align-items:end;margin-top:var(--space-xl)}.lead-image{position:relative;overflow:hidden;width:100%;min-height:56svh;padding:0;border:0;border-radius:8px;background:var(--night);box-shadow:var(--shadow)}.lead-image img{width:100%;height:100%;min-height:56svh;object-fit:cover}.play-pill{position:absolute;right:var(--space-md);bottom:var(--space-md);display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-md);border-radius:8px;background:color-mix(in oklch,var(--paper-strong) 90%,transparent);color:var(--ink);border:1px solid oklch(96% .015 84 / .18);backdrop-filter:blur(12px);font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.play-pill svg{width:18px;height:18px;color:var(--heart)}.catalog-hero-media:hover .play-pill,.catalog-hero-media:focus-visible .play-pill{opacity:1;transform:translateY(0)}.lead-copy{display:grid;gap:var(--space-md);padding-bottom:var(--space-lg)}.lead-copy h2{font-size:clamp(2rem,3vw,3.4rem)}.lead-copy p{max-width:52ch;margin:0;color:var(--ink-soft);font-size:1.08rem}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.story-card{grid-template-columns:96px 1fr;min-height:112px;border-color:var(--line);background:color-mix(in oklch,var(--paper-strong) 94%,transparent)}.story-card img{width:96px;height:96px}.loading-panel,.reader-loading,.empty-state,.reader-error{display:grid;place-items:center;min-height:40svh;color:var(--ink-soft)}.reader-view{min-height:100svh;background:var(--night)}.reader-stage{position:relative;height:100svh;min-height:100svh;overflow:hidden;touch-action:pan-y;user-select:none;background:var(--night)}.reader-backdrop,.reader-frame{position:absolute;overflow:hidden}.reader-backdrop{inset:0;background:var(--night)}.reader-backdrop-image{position:absolute;max-width:none;object-fit:contain;filter:blur(24px) saturate(.9);opacity:.62;transform:scale(1.08);transform-origin:center;transition:left .76s cubic-bezier(.16,1,.3,1),top .76s cubic-bezier(.16,1,.3,1),width .76s cubic-bezier(.16,1,.3,1),height .76s cubic-bezier(.16,1,.3,1),opacity .26s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1);will-change:left,top,width,height,opacity,transform}.reader-frame{border-radius:10px;box-shadow:0 22px 90px #0000017a;transform:scale(1);transform-origin:center;transition:left .76s cubic-bezier(.16,1,.3,1),top .76s cubic-bezier(.16,1,.3,1),width .76s cubic-bezier(.16,1,.3,1),height .76s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.16,1,.3,1),filter .22s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1);will-change:left,top,width,height,opacity,filter,transform}.reader-frame-image{position:absolute;max-width:none;object-fit:contain;transition:left .76s cubic-bezier(.16,1,.3,1),top .76s cubic-bezier(.16,1,.3,1),width .76s cubic-bezier(.16,1,.3,1),height .76s cubic-bezier(.16,1,.3,1);will-change:transform}.reader-stage[data-transition=zoom-out] .reader-frame{opacity:.88;filter:saturate(.94) brightness(.92);transform:scale(.92)}.reader-stage[data-transition=zoom-out] .reader-backdrop-image{opacity:.72;transform:scale(1.02)}.reader-stage[data-transition=zoom-in] .reader-frame{animation:reader-frame-zoom-in .34s cubic-bezier(.16,1,.3,1) both;transition:opacity .22s cubic-bezier(.16,1,.3,1),filter .22s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1)}.reader-stage[data-transition=zoom-in] .reader-backdrop-image{animation:reader-backdrop-zoom-in .34s cubic-bezier(.16,1,.3,1) both;transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1)}.reader-stage[data-transition=zoom-in] .reader-frame-image{transition:none}@keyframes reader-frame-zoom-in{0%{opacity:.9;filter:saturate(.95) brightness(.96);transform:scale(.94)}to{opacity:1;filter:none;transform:scale(1)}}@keyframes reader-backdrop-zoom-in{0%{opacity:.68;transform:scale(1.03)}to{opacity:.62;transform:scale(1.08)}}.reader-vignette{position:absolute;inset:0;background:linear-gradient(to top,oklch(7% .02 240 / .34),transparent 34%),linear-gradient(to bottom,oklch(7% .02 240 / .18),transparent 24%);pointer-events:none}.reader-toolbar{position:absolute;top:calc(var(--space-xs) + env(safe-area-inset-top,0px));right:var(--space-xs);left:var(--space-xs);z-index:3;display:block;height:44px}.reader-control-button{display:inline-flex;width:auto;min-width:44px;padding:0 var(--space-sm);gap:var(--space-xs);font-weight:800}.reader-control-button span{line-height:1}.reader-back-button{position:fixed;top:calc(var(--space-xs) + env(safe-area-inset-top,0px));left:var(--space-xs);z-index:4}.reader-caption-toggle{position:fixed;top:calc(var(--space-xs) + env(safe-area-inset-top,0px));right:var(--space-xs);z-index:4}.on-dark{color:#faf8f4;background:var(--button-on-image);border-color:#faf8f46b;box-shadow:0 10px 26px #00000057;backdrop-filter:blur(10px)}.on-dark:hover{background:var(--button-on-image-hover);border-color:#faf8f4a8}.reader-progress{position:fixed;top:calc(var(--space-xs) + 19px + env(safe-area-inset-top,0px));left:50%;z-index:4;display:inline-flex;align-items:center;gap:var(--space-2xs);max-width:100%;min-height:38px;padding:0 14px;border-radius:999px;background:#000205c7;color:#faf8f4;border:1px solid oklch(98% .006 84 / .36);font-size:.84rem;font-weight:800;line-height:1;text-shadow:0 1px 2px oklch(0% 0 0 / .86);box-shadow:0 10px 26px #00000047;backdrop-filter:blur(10px);transform:translate(-50%,-50%);white-space:nowrap}.reader-progress strong{font-size:.96rem}.reader-arrow{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;padding:0;border-radius:999px;color:#faf8f4;background:var(--button-on-image);border-color:#faf8f46b;font-size:.88rem;font-weight:800;transform:translateY(-50%);transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),opacity .16s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 26px #00000057;backdrop-filter:blur(10px)}.reader-arrow:hover{background:var(--button-on-image-hover);border-color:#faf8f4a8;transform:translateY(-50%) scale(1.03)}.reader-arrow:active{transform:translateY(-50%) scale(.98)}.reader-arrow:disabled{opacity:0;pointer-events:none}.reader-arrow svg{width:24px;height:24px;flex:0 0 auto}.reader-arrow-left{left:var(--space-md)}.reader-arrow-right{right:var(--space-md)}.scene-caption{position:absolute;right:clamp(18px,6vw,96px);bottom:clamp(48px,8svh,92px);left:clamp(18px,6vw,96px);display:grid;max-width:min(420px,calc(100% - 36px));gap:var(--space-2xs);color:#faf8f4;text-shadow:0 1px 1px oklch(0% 0 0 / .92),1px 0 1px oklch(0% 0 0 / .9),0 -1px 1px oklch(0% 0 0 / .9),-1px 0 1px oklch(0% 0 0 / .9),0 3px 10px oklch(0% 0 0 / .72);-webkit-text-stroke:.018em oklch(0% 0 0 / .82);paint-order:stroke fill;pointer-events:none}.scene-kicker{display:inline-flex;align-items:center;gap:var(--space-sm);margin:0;color:#faf8f4;font-size:clamp(.68rem,.95vw,.8rem);font-weight:700}.scene-body{max-width:36ch;margin:0;color:#faf8f4;font-family:Bricolage Grotesque,Atkinson Hyperlegible,sans-serif;font-size:clamp(.9rem,1.8vw,1.35rem);font-weight:700;line-height:1.22;letter-spacing:0}.scene-strip{position:absolute;right:50%;bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px));display:flex;max-width:calc(100% - 32px);gap:7px;overflow-x:auto;padding:var(--space-xs);transform:translate(50%)}.scene-strip button{display:grid;place-items:center;min-width:12px;width:12px;height:12px;border:1px solid oklch(96% .02 84 / .38);border-radius:999px;background:#f8f1e333;color:var(--paper-strong);font-size:0;font-weight:700;backdrop-filter:blur(8px)}.scene-strip button.is-active{width:40px;background:var(--paper-strong);color:var(--ink)}.scene-strip button span{width:1px;height:1px;overflow:hidden}.reader-detail-link{position:absolute;top:72px;right:var(--space-md);display:none}.detail-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(300px,1.05fr);gap:var(--space-xl);margin-top:var(--space-xl);align-items:start}.detail-image-panel{position:sticky;top:calc(var(--topbar) + var(--space-md));overflow:hidden;border-radius:8px;background:var(--night);box-shadow:var(--shadow)}.detail-image-panel img{width:100%}.detail-frame{position:absolute;display:grid;place-items:start;padding:var(--space-xs);border:2px solid var(--gold);color:var(--ink);font-weight:700}.detail-frame:before{content:"";position:absolute;inset:0;background:oklch(92% .09 81 / .18)}.detail-frame{isolation:isolate}.detail-copy{display:grid;gap:var(--space-md)}.detail-copy h1{font-size:clamp(2.2rem,5vw,4.6rem)}.detail-copy p{max-width:68ch;margin:0;color:var(--ink-soft)}.detail-description{font-size:1.2rem}.scene-transcript{display:grid;gap:var(--space-xs);margin:var(--space-lg) 0 0;padding:0;list-style:none}.scene-transcript li{display:grid;gap:var(--space-2xs);padding:var(--space-md);border:1px solid var(--line);border-radius:8px;background:color-mix(in oklch,var(--paper-strong) 94%,transparent)}.studio-access-view{display:grid;gap:var(--space-xl);place-items:center;min-height:calc(100svh - var(--topbar))}.create-panel,.edit-panel,.admin-list,.metadata-form,.scene-editor-panel{border:1px solid var(--line);border-radius:8px;background:color-mix(in oklch,var(--paper-strong) 94%,transparent)}label{display:grid;gap:var(--space-xs);color:var(--ink-soft);font-size:.92rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#01050a;color:var(--ink)}input::placeholder,textarea::placeholder{color:#8b8273}input,select{min-height:44px;padding:0 var(--space-sm)}textarea{min-height:92px;padding:var(--space-sm);resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:3px solid color-mix(in oklch,var(--gold) 56%,transparent);outline-offset:2px}.form-error,.form-success{margin:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--line);border-radius:8px;font-weight:700}.form-error{background:#35140f;color:oklch(82% .12 30)}.form-success{background:#052617;color:#96d5b2}.studio-view{display:grid;gap:var(--space-lg)}.studio-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-lg);align-items:start}.admin-list{position:sticky;top:calc(var(--topbar) + var(--space-md));padding:var(--space-sm)}.studio-panels{display:grid;gap:var(--space-lg)}.create-panel,.edit-panel{display:grid;gap:var(--space-md);padding:var(--space-lg)}.panel-title svg{color:var(--fur)}.drop-zone{position:relative;display:grid;place-items:center;min-height:136px;padding:var(--space-md);border:1px dashed var(--fur);border-radius:8px;background:color-mix(in oklch,var(--fur-soft) 84%,var(--paper-strong));color:var(--ink);text-align:center}.drop-zone svg{width:32px;height:32px}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-preview{width:100%;max-height:240px;border-radius:8px;object-fit:cover}.edit-panel-header{align-items:start}.edit-panel-header h2{max-width:18ch;font-size:clamp(1.8rem,3vw,3rem)}.metadata-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:var(--space-md);padding:var(--space-md)}.metadata-form label:last-of-type{grid-column:1 / -1}.frame-editor{display:grid;gap:var(--space-md)}.editor-toolbar{justify-content:flex-start}.frame-workspace{display:grid;grid-template-columns:minmax(320px,1fr) 320px;gap:var(--space-md);align-items:start}.image-map{position:relative;overflow:hidden;border-radius:8px;background:var(--night);touch-action:none;cursor:crosshair}.image-map img{width:100%;user-select:none}.frame-box{position:absolute;min-width:24px;min-height:24px;padding:var(--space-xs);border:2px solid var(--paper-strong);border-radius:6px;background:#040c136b;color:var(--paper-strong);font-weight:700;text-align:left}.frame-box.is-active{border-color:var(--gold);background:#c99c5433;color:var(--paper-strong)}.scene-editor-panel{display:grid;gap:var(--space-md);padding:var(--space-md)}.scene-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.scene-tabs button{min-width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#01050a;color:var(--ink);font-weight:700}.scene-tabs button.is-active{background:var(--gold);color:var(--night)}.scene-fields{display:grid;gap:var(--space-sm)}.frame-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.hint{margin:0;color:var(--ink-soft);font-size:.9rem}.empty-editor{min-height:320px;place-items:center;color:var(--ink-soft)}.menu-scrim{position:fixed;z-index:45;inset:var(--topbar) 0 0 0;border:0;background:#030a1175}@media(max-width:1120px){.app-shell{padding-left:0}.menu-toggle,.menu-close{display:inline-grid}.menu-toggle{display:inline-flex;align-items:center;width:auto;padding:0 var(--space-sm);gap:var(--space-xs)}.story-menu{transform:translate(-100%);transition:transform .22s ease}.story-menu.is-open{transform:translate(0)}.lead-story,.detail-layout,.studio-layout,.frame-workspace{grid-template-columns:1fr}.admin-list,.detail-image-panel{position:static}}@media(max-width:760px){:root{--topbar: 60px}.topbar{grid-template-columns:auto 1fr auto;padding:0 var(--space-xs)}.brand-label-full{display:none}.brand-label-short{display:inline}.topbar-actions .text-button{width:44px;padding:0;font-size:0}.menu-toggle{width:auto;padding:0 var(--space-sm);gap:var(--space-xs)}.story-menu{width:min(var(--menu-width),calc(100vw - 24px))}.story-list-item{grid-template-columns:56px minmax(0,1fr);min-height:70px}.story-list-thumb,.story-list-thumb img{width:56px;height:56px}.story-list-item strong,.story-list-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-view,.detail-view,.studio-view,.studio-access-view{padding:var(--space-md)}.catalog-view.catalog-home{padding:0 0 var(--space-xl)}.catalog-hero{display:grid;min-height:auto;gap:var(--space-md);padding:var(--space-md);overflow:visible;background:transparent}.play-pill{display:none}.catalog-hero-media{position:relative;width:calc(100vw - 32px);max-width:100%;aspect-ratio:16 / 9;height:auto;min-height:0;border:1px solid oklch(98% .006 84 / .14);border-radius:10px;box-shadow:0 18px 42px #00000047}.catalog-hero-shade{background:linear-gradient(to top,oklch(8% .022 245 / .54) 0%,transparent 46%)}.catalog-hero-copy{justify-self:start;width:calc(100vw - 48px);min-width:0;max-width:100%;padding:0 var(--space-xs)}.catalog-hero-copy h2{width:100%;max-width:10ch;overflow-wrap:anywhere;font-size:clamp(1.7rem,8vw,2.2rem);line-height:1.06}.catalog-hero-copy p:not(.eyebrow){display:block;width:min(100%,30ch);max-width:30ch;max-height:4.35em;overflow:hidden;font-size:.94rem;overflow-wrap:anywhere;white-space:normal}.lead-actions{display:grid;grid-template-columns:1fr;width:100%;min-width:0}.lead-actions .primary-button,.lead-actions .ghost-button{width:100%}.story-rails{gap:var(--space-xl);padding:var(--space-md) var(--space-md) 0}.story-row{margin-right:calc(var(--space-md) * -1);padding-right:var(--space-md);scrollbar-width:none}.story-row::-webkit-scrollbar{display:none}.story-poster-card{flex-basis:min(58vw,228px)}.story-poster-play{opacity:1;transform:none}.story-poster-count{top:var(--space-xs);right:var(--space-xs);bottom:auto;min-height:26px;padding:0 7px;font-size:.76rem}.story-poster-count-label{display:none}.story-poster-copy strong{display:-webkit-box;min-height:2.3em;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.catalog-header,.studio-header,.edit-panel-header,.detail-header{align-items:stretch;flex-direction:column}.detail-header .ghost-button,.detail-header .primary-button{width:100%}.catalog-header h1{font-size:2.6rem}.lead-story{gap:var(--space-lg);margin-top:var(--space-lg)}.lead-image,.lead-image img{min-height:46svh}.reader-view,.reader-stage{height:100dvh;min-height:100dvh}.reader-toolbar{height:40px}.reader-control-button{min-height:40px;padding:0 10px;font-size:.82rem}.reader-back-button{position:fixed;top:calc(var(--space-xs) + env(safe-area-inset-top,0px));left:var(--space-xs)}.reader-caption-toggle{position:fixed;top:calc(var(--space-xs) + env(safe-area-inset-top,0px));right:var(--space-xs)}.reader-progress{min-width:74px;min-height:34px;padding:0 10px;font-size:.76rem}.reader-progress-label{display:none}.reader-progress strong{font-size:.9rem}.reader-arrow{top:50%;bottom:auto;width:44px;min-width:44px;height:52px;transform:translateY(-50%)}.reader-arrow-left{left:var(--space-xs)}.reader-arrow-right{right:var(--space-xs)}.reader-frame{border-radius:8px;box-shadow:0 18px 52px #0000006b}.scene-caption{right:var(--space-md);bottom:calc(64px + env(safe-area-inset-bottom,0px));left:var(--space-md);max-width:calc(100% - 32px)}.scene-body{display:-webkit-box;overflow:hidden;max-width:30ch;font-size:clamp(.78rem,3.4vw,1rem);-webkit-box-orient:vertical;-webkit-line-clamp:3}.scene-strip{right:auto;left:50%;bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px));width:min(286px,calc(100% - 104px));max-width:none;justify-content:flex-start;padding:var(--space-xs) 0;overflow-x:auto;scrollbar-width:none;transform:translate(-50%)}.scene-strip::-webkit-scrollbar{display:none}.scene-strip button{flex:0 0 auto;min-width:9px;width:9px;height:9px}.scene-strip button.is-active{width:30px}.detail-layout{gap:var(--space-lg);margin-top:var(--space-lg)}.detail-copy h1{overflow-wrap:anywhere;font-size:clamp(2rem,12vw,3.1rem)}.detail-description{font-size:1rem}.metadata-form{grid-template-columns:1fr}.create-panel,.edit-panel{padding:var(--space-md)}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (max-height:520px){.reader-view,.reader-stage{height:100dvh;min-height:100dvh}.reader-arrow{top:50%;bottom:auto;transform:translateY(-50%)}.scene-strip{bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px))}}@media(max-width:380px){.catalog-hero-copy h2,.detail-copy h1{font-size:2rem}.ghost-button,.primary-button,.text-button{padding-right:var(--space-sm);padding-left:var(--space-sm)}.reader-progress{min-height:34px;min-width:66px;padding:0 8px;font-size:.82rem}.scene-strip{width:min(246px,calc(100% - 92px));gap:5px}.scene-strip button{min-width:10px;width:10px;height:10px}.scene-strip button.is-active{width:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}