:root{color:#f7efe5;background:#140f1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(255,119,87,.32),transparent 34rem),radial-gradient(circle at top right,rgba(132,92,255,.3),transparent 32rem),#140f1f}a{color:inherit;text-decoration:none}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 72px}.hero-panel,.section-block,.story-console{border:1px solid rgba(255,255,255,.12);border-radius:32px;background:#161121b8;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-panel{min-height:680px;padding:24px}.topbar,.brand-mark,.topbar-links,.hero-actions,.preview-header,.prompt-toolbar,.row-heading,.project-meta{display:flex;align-items:center}.topbar{justify-content:space-between}.brand-mark{gap:10px;font-weight:800;letter-spacing:.02em}.topbar-links{gap:22px;color:#f7efe5bd;font-size:14px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:86px 20px 36px}.eyebrow{margin:0 0 12px;color:#ffb26d;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:700px;margin-bottom:22px;font-size:clamp(48px,7vw,86px);line-height:.92;letter-spacing:-.07em}h2{margin-bottom:12px;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.05em}.hero-description,.story-copy p,.section-heading p{max-width:680px;color:#f7efe5b8;font-size:18px;line-height:1.7}.hero-actions{gap:14px;margin-top:34px;flex-wrap:wrap}.primary-button,.secondary-button,.prompt-box button,.prompt-box input{border:0;border-radius:999px;padding:14px 20px}.prompt-box button{font-weight:800;cursor:pointer}.primary-button,.prompt-box button{color:#1b1024;background:linear-gradient(135deg,#ffcf70,#ff7a59 48%,#d865ff)}.secondary-button{color:#f7efe5;background:#ffffff1a}.preview-card{padding:18px;border-radius:28px;background:linear-gradient(180deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.15)}.preview-header{justify-content:space-between;margin-bottom:14px;color:#f7efe5d1;font-size:14px}.video-frame{display:grid;place-items:center;aspect-ratio:9 / 13;border-radius:24px;background:linear-gradient(140deg,rgba(255,194,102,.35),transparent 38%),linear-gradient(40deg,rgba(103,78,255,.5),transparent 50%),#080711;color:#ffffffdb;text-align:center;gap:14px}.timeline-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:8px;margin-top:14px}.clip{height:44px;border-radius:12px;background:#ffb26d}.clip-dark{background:#2b2442}.clip-purple{background:#9e7bff}.section-block,.story-console{margin-top:24px;padding:34px}.section-heading{margin-bottom:24px}.workflow-grid,.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workflow-card,.project-card,.prompt-box{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#ffffff12}.workflow-card{padding:22px}.workflow-card p,.project-card p{color:#f7efe5a8;line-height:1.55}.workflow-card span{display:inline-flex;margin-top:10px;border-radius:999px;padding:7px 10px;color:#1b1024;background:#ffcf70;font-size:12px;font-weight:800}.step-index{margin-bottom:42px;color:#ffffff59;font-size:28px;font-weight:900}.story-console{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.prompt-box{padding:18px}.prompt-toolbar{gap:8px;margin-bottom:14px;color:#ffcf70;font-weight:800}textarea{width:100%;min-height:180px;resize:vertical;border:0;border-radius:18px;padding:18px;color:#f7efe5;background:#00000040;font:inherit;line-height:1.6;outline:none}.prompt-box button:disabled{cursor:wait;opacity:.65}.prompt-box input{width:100%;margin-bottom:12px;color:#f7efe5;background:#00000040;font:inherit;outline:none}.prompt-box button{width:100%;margin-top:12px}.error-message{margin:12px 0 0;color:#ffb4a8;font-size:14px}.story-result{overflow:hidden}.next-step-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;border:1px solid rgba(255,207,112,.32);border-radius:22px;padding:18px;background:#ffcf701a}.next-step-banner div{display:grid;gap:5px}.next-step-banner strong{color:#ffcf70}.next-step-banner span{color:#f7efe5b8}.next-step-banner a{flex:0 0 auto;border-radius:999px;padding:10px 14px;color:#1b1024;background:#ffcf70;font-size:14px;font-weight:800}.result-summary{margin-bottom:18px;border-radius:22px;padding:20px;color:#f7efe5d1;background:linear-gradient(135deg,#ffcf7029,#d865ff1f);line-height:1.7}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.result-panel{border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;background:#ffffff12}.result-panel article{display:grid;gap:6px;border-top:1px solid rgba(255,255,255,.08);padding:14px 0}.result-panel article:first-of-type{border-top:0}.result-panel strong{color:#ffcf70}.result-panel span,.result-panel p{color:#f7efe5ad;line-height:1.55}.result-panel p{margin-bottom:0}.beats-panel article{grid-template-columns:auto 1fr;align-items:start;gap:12px}.row-heading{justify-content:space-between}.project-card{padding:14px}.project-cover{height:140px;border-radius:18px;background:radial-gradient(circle at 32% 24%,rgba(255,207,112,.9),transparent 18%),linear-gradient(135deg,#382344,#11101d 52%,#784eff)}.project-card h3{margin:16px 0 8px}.project-meta{justify-content:space-between;color:#f7efe5b8;font-size:13px}.progress-track{height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:#ffffff1a}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffcf70,#d865ff)}.gallery-empty{margin-bottom:0;color:#f7efe599;line-height:1.6}.studio-topbar,.studio-sidebar,.studio-main{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#161121b8;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px}.studio-topbar-actions{display:flex;align-items:center;gap:14px}.studio-chip{border-radius:999px;padding:7px 12px;color:#1b1024;background:#ffcf70;font-size:12px;font-weight:800}.studio-shell{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start;margin-top:24px}.studio-sidebar{position:sticky;top:24px;padding:20px 14px}.sidebar-label{margin:0 0 10px;padding:0 10px;color:#f7efe58c;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.studio-nav{display:grid;gap:6px}.studio-nav a{display:grid;gap:2px;border-radius:16px;padding:11px 12px;color:#f7efe5bd;transition:background .15s ease,color .15s ease}.studio-nav a span{font-size:15px;font-weight:700}.studio-nav a small{color:#f7efe580;font-size:12px}.studio-nav a:hover{background:#ffffff14;color:#f7efe5}.studio-nav a.active{background:linear-gradient(135deg,#ffcf70,#ff7a59 55%,#d865ff);color:#1b1024}.studio-nav a.active small{color:#1b1024b8}.studio-main{min-height:520px;padding:30px}.studio-page h1{margin-bottom:14px;font-size:clamp(34px,4.5vw,54px)}.studio-lede{max-width:640px;color:#f7efe5b8;font-size:17px;line-height:1.7}.studio-console{max-width:560px;margin-top:24px}.studio-result{margin-top:30px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}.stage-grid,.cast-grid,.scene-grid,.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.stage-card{display:block;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px;background:#ffffff12;transition:border-color .15s ease,transform .15s ease}.stage-card:hover{border-color:#ffcf7066;transform:translateY(-2px)}.stage-card h3{margin-bottom:8px}.stage-card p{margin-bottom:0;color:#f7efe5a8;line-height:1.55}.cast-card,.scene-card{display:grid;align-content:start;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;background:#ffffff12}.cast-card h3,.scene-card h3{margin:0}.cast-card span,.scene-card span,.cast-card p,.scene-card p{color:#f7efe5ad;line-height:1.55}.cast-card p,.scene-card p{margin-bottom:0}.cast-avatar{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;border-radius:18px;color:#1b1024;background:linear-gradient(135deg,#ffcf70,#ff7a59 55%,#d865ff);font-size:22px;font-weight:900}.scene-cover{height:110px;margin-bottom:10px;border-radius:18px;background:radial-gradient(circle at 68% 28%,rgba(216,101,255,.55),transparent 32%),linear-gradient(135deg,#382344,#11101d 52%,#784eff)}.cast-progress{display:grid;gap:8px;max-width:380px;margin-top:22px}.cast-progress p{margin:0;color:#f7efe5a8;font-size:13px}.cast-figure-wrap{position:relative;margin:0 0 4px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px}.cast-figure{display:block;width:100%;height:auto}.cast-card .cast-figure-tag,.scene-card .scene-figure-tag{position:absolute;left:10px;bottom:10px;border-radius:999px;padding:5px 10px;color:#f7efe5db;background:#0807119e;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.cast-card .cast-role,.scene-card .scene-purpose{color:#ffcf70;font-size:13px;font-weight:700;line-height:1.4}.cast-card.is-confirmed,.scene-card.is-confirmed{border-color:#ffcf7073;background:#ffcf700f}.cast-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cast-button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:10px 14px;color:#f7efe5;background:#ffffff1a;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s ease,filter .15s ease,opacity .15s ease}.cast-button:hover{background:#ffffff29}.cast-button-primary{color:#1b1024;background:linear-gradient(135deg,#ffcf70,#ff7a59 55%,#d865ff)}.cast-button-primary:hover{filter:brightness(1.08)}.cast-button-confirmed{color:#ffcf70;background:#ffcf7024;cursor:default}.cast-button-confirmed:hover{background:#ffcf7024;filter:none}.cast-button:disabled{cursor:wait;opacity:.7}.cast-button-confirmed:disabled{cursor:default;opacity:1}.cast-spin{animation:cast-spin .8s linear infinite}@keyframes cast-spin{to{transform:rotate(360deg)}}.shot-card{display:grid;align-content:start;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:16px;background:#ffffff12}.shot-card p{margin:0;color:#f7efe5b8;line-height:1.55}.shot-card.is-dragging{border-style:dashed;border-color:#ffcf7080;opacity:.55}.shot-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.shot-index{color:#ffcf70;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.shot-duration{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;color:#1b1024eb;background:#ffcf70;font-size:12px;font-weight:800}.shot-frame{position:relative;margin:0;overflow:hidden;aspect-ratio:9 / 12;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#080711}.shot-frame-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shot-frame-tag{position:absolute;left:10px;bottom:10px;border-radius:999px;padding:5px 10px;color:#f7efe5db;background:#0807119e;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.shot-spec{color:#ffcf70;font-size:13px;font-weight:700;line-height:1.4}.shot-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:560px;margin-top:22px}.shot-toolbar p{display:flex;align-items:center;gap:8px;margin:0;color:#f7efe5b8;font-size:14px;font-weight:700}.shot-toolbar button:disabled{cursor:default;opacity:.45}.shot-hint{max-width:560px;margin:10px 0 0;color:#f7efe58c;font-size:13px;line-height:1.6}.shot-card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:4px}.shot-order-controls{display:inline-flex;align-items:center;gap:6px}.shot-move{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#f7efe5cc;background:#ffffff12;cursor:pointer;transition:background .15s ease,color .15s ease}.shot-move:hover:not(:disabled){color:#f7efe5;background:#ffffff24}.shot-move:disabled{opacity:.35;cursor:default}.shot-grip{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#f7efe580;background:#ffffff0d;cursor:grab}.shot-grip:active{color:#ffcf70;cursor:grabbing}.empty-state{display:grid;justify-items:center;gap:10px;margin-top:26px;border:1px dashed rgba(255,255,255,.2);border-radius:24px;padding:36px 24px;text-align:center}.empty-state h3{margin-bottom:0}.empty-state p{max-width:440px;margin-bottom:8px;color:#f7efe5a8;line-height:1.6}.preview-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start;margin-top:26px}.preview-details{display:grid;gap:16px}.preview-details .result-panel article{grid-template-columns:92px 1fr;align-items:baseline;gap:12px}.preview-note{margin-bottom:0;color:#f7efe5a8;line-height:1.7}.preview-runtime{display:inline-flex;align-items:center;gap:6px;color:#f7efe599;font-weight:700}.preview-player{position:relative;overflow:hidden}.preview-player .shot-frame{border-radius:20px}.preview-player .shot-frame-tag{display:none}.preview-player.is-playing .shot-frame-art{animation:shot-drift 5.2s ease-in-out infinite alternate}@keyframes shot-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.09) translate(1.4%,-1.2%)}}@media(prefers-reduced-motion:reduce){.preview-player.is-playing .shot-frame-art{animation:none}}.player-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,7,17,.18),transparent 30%,transparent 62%,rgba(8,7,17,.82))}.player-caption{position:absolute;left:16px;right:16px;bottom:14px;display:grid;gap:6px}.player-shot-number{color:#ffcf70;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.player-caption p{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#f7efe5eb;font-size:14px;font-weight:600;line-height:1.5}.player-end{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0807118c}.player-transport{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.player-play{min-width:108px;justify-content:center}.player-time{margin-left:auto;color:#f7efe5b8;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.timeline-track{position:relative;display:flex;gap:6px;margin-top:16px}.timeline-clip{position:relative;overflow:hidden;flex:0 1 auto;min-width:46px;height:56px;border:2px solid rgba(255,255,255,.16);border-radius:12px;padding:0;background:#080711;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.timeline-clip .shot-frame-art{opacity:.75;transition:opacity .15s ease}.timeline-clip:hover{border-color:#ffffff6b}.timeline-clip:hover .shot-frame-art{opacity:1}.timeline-clip.is-played .shot-frame-art{opacity:.95}.timeline-clip.is-active{border-color:#ffcf70;transform:translateY(-2px)}.timeline-clip.is-active .shot-frame-art{opacity:1}.timeline-clip-tag{position:absolute;left:6px;bottom:5px;padding:3px 7px;border-radius:999px;color:#f7efe5e6;background:#080711a8;font-size:10px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.timeline-playhead{position:absolute;top:-6px;bottom:-6px;left:var(--progress, 0%);width:2px;border-radius:2px;background:#ffcf70;box-shadow:0 0 10px #ffcf70cc;pointer-events:none}.timeline-hint{margin:10px 0 0;color:#f7efe58c;font-size:13px;line-height:1.6}.export-panel{display:grid;gap:14px}.export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.export-note{margin:0;color:#f7efe5a8;font-size:14px;line-height:1.6}.export-note strong{color:#ffcf70}@media(max-width:900px){.hero-grid,.story-console{grid-template-columns:1fr;padding-top:48px}.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:static}.studio-nav,.stage-grid,.cast-grid,.scene-grid,.shot-grid{grid-template-columns:repeat(2,1fr)}.preview-layout{grid-template-columns:1fr}.workflow-grid,.project-grid,.result-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.app-shell{width:min(100% - 18px,1180px);padding-top:9px}.hero-panel,.section-block,.story-console{border-radius:24px;padding:20px}.topbar{align-items:flex-start;gap:18px;flex-direction:column}.topbar-links{width:100%;justify-content:space-between;gap:12px}.next-step-banner{align-items:stretch;flex-direction:column}.next-step-banner a{text-align:center}.hero-grid{padding:42px 0 0}.workflow-grid,.project-grid,.result-grid,.studio-nav,.stage-grid,.cast-grid,.scene-grid,.shot-grid{grid-template-columns:1fr}.studio-main,.studio-topbar{border-radius:22px;padding:20px}}