:root{--bg:#f7f8fb;--surface:#fff;--surface-soft:#f1f4f8;--ink:#16181d;--muted:#697180;--faint:#aeb5c1;--line:#e3e7ef;--blue:#1677ff;--teal:#17c8a3;--amber:#f2a900;--red:#dd3b3b;--shadow:0 24px 70px #2029391f}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:linear-gradient(180deg, #ffffffe6, #f7f8fbf5), linear-gradient(120deg, #1677ff12, transparent 36%), linear-gradient(240deg, #17c8a312, transparent 36%), var(--bg);margin:0;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.app-main{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 56px}.app-footer{color:#7d8795;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:12px;font-weight:850;display:flex}.app-footer span{color:#3a4351;letter-spacing:.08em}.app-footer small{color:#8e98a6;font-size:12px}.promo-ticker{background:linear-gradient(90deg,#ffffffe0,#f1f8ffe6),#fff;border:1px solid #1677ff1f;border-radius:999px;margin-bottom:14px;overflow:hidden;box-shadow:0 10px 28px #1677ff14}.ticker-track{align-items:center;gap:34px;width:max-content;padding:9px 0;animation:28s linear infinite tickerMove;display:flex}.ticker-track span{color:#3e4a5d;white-space:nowrap;font-size:13px;font-weight:850;position:relative}.ticker-track span:before{background:linear-gradient(135deg, var(--blue), var(--teal));content:"";border-radius:50%;width:6px;height:6px;margin:0 10px 2px 0;display:inline-block}@keyframes tickerMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.topbar{justify-content:space-between;align-items:center;gap:16px;animation:.42s both fadeSlide;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-dot{background:linear-gradient(135deg, var(--blue), var(--teal));border-radius:12px;width:38px;height:38px;display:block;position:relative;box-shadow:0 12px 24px #1677ff33}.brand-dot:after{content:"";border:2px solid #fff;border-radius:4px;position:absolute;inset:11px 9px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:18px;font-weight:900}.brand-lockup small{color:var(--muted);font-size:12px;font-weight:750}.topbar-actions{align-items:center;gap:10px;display:flex}.login-trigger,.session-pill button{color:var(--blue);background:#fff;border:1px solid #1677ff38;border-radius:999px;padding:11px 16px;font-weight:900;box-shadow:0 10px 28px #1677ff1a}.session-pill{border:1px solid var(--line);background:#ffffffc7;border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 14px;display:inline-flex}.session-pill span{color:var(--teal);font-size:12px;font-weight:900}.session-pill strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.session-pill button{box-shadow:none;padding:8px 12px}.usage-pill{background:linear-gradient(135deg,#17c8a31a,#1677ff14),#ffffffd1;border:1px solid #17c8a33d;border-radius:999px;align-items:center;gap:7px;min-height:48px;padding:8px 14px;display:inline-flex;box-shadow:0 12px 28px #17c8a31a}.usage-pill span,.usage-pill small{color:#607082;font-size:12px;font-weight:900}.usage-pill strong{color:#0e8f77;font-size:20px;font-weight:950}.hero-kicker{color:var(--blue);letter-spacing:0;text-transform:uppercase;background:#ffffffb8;border:1px solid #1677ff24;border-radius:999px;margin:0 0 14px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.creation-card{border:1px solid var(--line);width:min(980px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:8px;margin:22px auto 0;padding:18px;animation:.52s .15s both fadeSlide;position:relative}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mode-tabs{background:#eef5ff;border-radius:999px;margin-bottom:14px;animation:.42s .24s both softAppear;display:inline-flex}.mode-tabs button{color:var(--blue);background:0 0;border:0;border-radius:999px;padding:10px 14px;font-weight:900}.mode-tabs button.selected{box-shadow:none;background:0 0}.form-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.form-head div{align-items:center;gap:10px;display:flex}.form-head span{min-width:66px;height:30px;color:var(--blue);background:#eef5ff;border-radius:999px;place-items:center;font-size:12px;font-weight:950;display:grid}.form-head strong{font-size:17px;font-weight:900}.form-head small{color:var(--muted);font-size:12px;font-weight:800}.prompt-box{border:1px solid var(--line);resize:vertical;color:#20242d;background:#fbfcfe;border-radius:8px;outline:none;width:100%;min-height:128px;padding:18px;font-size:18px;font-weight:700;line-height:1.7;transition:border-color .16s,box-shadow .16s,background .16s;animation:.42s .3s both softAppear}.prompt-box:focus,.url-row textarea:focus,.login-field input:focus{background:#fff;border-color:#1677ff61;box-shadow:0 0 0 5px #1677ff14}.prompt-box::placeholder{color:#9ba4b3;font-weight:700}.asset-row{align-items:center;gap:14px;margin:14px 0;animation:.42s .36s both softAppear;display:flex}.asset-row input{display:none}.asset-row p{color:var(--muted);margin:0;font-size:13px;font-weight:750;line-height:1.55}.asset-tile{color:#3a4351;background:linear-gradient(#fff,#f8fafc);border:1.5px dashed #c7ceda;border-radius:8px;place-items:center;min-width:94px;height:78px;transition:transform .16s,border-color .16s,background .16s;display:grid}.asset-tile:hover{background:#f2f7ff;border-color:#1677ff6b;transform:translateY(-1px)}.asset-tile:disabled{cursor:wait;opacity:.78}.asset-tile.uploading{color:#0e8f77;background:radial-gradient(circle at 50% 24%,#17c8a329,#0000 36%),linear-gradient(#fff,#f1fbf8);border-color:#17c8a370}.asset-tile.uploading b{animation:1s ease-in-out infinite uploadPulse}.asset-tile b{font-size:26px;line-height:1}.asset-tile span,.asset-tile small{font-size:12px;font-weight:900;display:block}.asset-tile small{color:var(--muted)}.reference-strip{flex-wrap:wrap;gap:9px;margin:0 0 14px;display:flex}.upload-status{color:#1f2937;background:linear-gradient(135deg,#17c8a314,#1677ff0d),#fff;border:1px solid #17c8a32e;border-radius:10px;align-items:center;gap:10px;margin:-2px 0 14px;padding:10px 12px;animation:.22s both softAppear;display:flex}.upload-status span{border:2px solid #17c8a342;border-top-color:#17c8a3;border-radius:999px;flex:none;width:12px;height:12px;animation:.68s linear infinite uploadSpin}.upload-status strong{font-size:12px;font-weight:950}.upload-status small{color:#6b7483;font-size:12px;font-weight:800}.reference-chip{background:#f7fbff;border:1px solid #dfe7f4;border-radius:8px;grid-template-columns:50px auto 24px;align-items:center;gap:8px;padding:6px 8px;animation:.18s both chipIn;display:grid}@keyframes chipIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes uploadPulse{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes uploadSpin{to{transform:rotate(360deg)}}.reference-chip img{object-fit:cover;border-radius:9px;width:50px;height:40px}.reference-chip span{color:var(--blue);font-size:12px;font-weight:950}.reference-chip button{color:#7f8794;background:0 0;border:0;font-size:19px}.url-row{margin-bottom:14px}.storage-note{color:#7b8493;margin:8px 2px 0;font-size:12px;font-weight:800;line-height:1.5}.storage-note.r2{color:#0e8f77}.storage-note.direct{color:#9a6900}.url-row textarea{border:1px solid var(--line);resize:vertical;color:#303541;background:#fbfcfe;border-radius:8px;outline:none;width:100%;min-height:82px;padding:13px 14px;font-weight:700;line-height:1.55}.uploaded-url-panel{background:linear-gradient(135deg,#17c8a314,#1677ff0f),#fff;border:1px solid #17c8a338;border-radius:10px;margin-top:10px;padding:11px}.uploaded-url-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.uploaded-url-head span{color:#0e8f77;font-size:12px;font-weight:950}.uploaded-url-head div{gap:7px;display:flex}.uploaded-url-head button,.uploaded-url-list button{color:#0e8f77;background:#e9f8f4;border:0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.uploaded-url-list{gap:7px;display:grid}.uploaded-url-list button{color:#27303d;text-align:left;background:#f7fbff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.uploaded-url-list span{color:var(--blue);font-size:12px;font-weight:950}.uploaded-url-list strong{color:#536173;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.control-row{align-items:center;gap:10px;animation:.42s .42s both softAppear;display:flex;position:relative}@keyframes softAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.model-pill,.control-pill{border:1px solid var(--line);color:#30333b;background:#fff;border-radius:8px;align-items:center;gap:9px;min-height:48px;padding:0 15px;font-size:16px;font-weight:900;display:inline-flex}.model-pill span{color:var(--blue)}.model-pill strong{white-space:nowrap}.ratio-pill{background:#f9fbfd}.control-pill i{background:#d8dde6;width:1px;height:18px}.ratio-wrap{position:relative}.batch-picker{background:#f7f9fc;border:1px solid #e5eaf2;border-radius:8px;align-items:center;gap:4px;min-height:48px;padding:4px;display:inline-flex}.batch-picker button{color:#4d5868;background:0 0;border:0;border-radius:7px;min-width:56px;height:38px;font-size:13px;font-weight:950}.batch-picker button.selected{color:#fff;background:#151821;box-shadow:0 10px 24px #15182129}.ratio-popover{z-index:30;color:#20242d;background:#fffffffa;border:1px solid #d6dde8e6;border-radius:8px;width:520px;padding:14px;animation:.15s both popIn;position:absolute;bottom:60px;right:-150px;box-shadow:0 24px 70px #2029392e,inset 0 1px #ffffffe6}@keyframes popIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ratio-popover p{color:var(--muted);margin:12px 4px 9px;font-size:12px;font-weight:900}.ratio-panel-head,.duration-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ratio-panel-head{border-bottom:1px solid #edf0f5;margin-bottom:4px;padding:2px 2px 12px}.ratio-panel-head strong,.duration-head strong{color:#161a22;font-weight:950;display:block}.ratio-panel-head span{color:#8790a0;margin-top:2px;font-size:12px;font-weight:800;display:block}.ratio-panel-head button{color:#586170;background:#f2f5f9;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.duration-head{margin-top:6px}.duration-head p{margin-bottom:9px}.duration-head strong{color:var(--blue);background:#eef5ff;border-radius:999px;padding:5px 10px;font-size:12px}.aspect-grid,.duration-grid{gap:8px;margin-bottom:12px;display:grid}.aspect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.duration-grid{background:#f7f9fc;border:1px solid #e5eaf2;border-radius:8px;grid-template-columns:repeat(11,minmax(0,1fr));margin-bottom:0;padding:4px}.aspect-grid button,.duration-grid button{color:#252a33;background:#f8fafc;border:0;border-radius:8px;align-items:center;font-size:14px;font-weight:850;transition:transform .14s,background .14s,box-shadow .14s;display:grid}.aspect-grid button{text-align:left;border:1px solid #e5eaf2;justify-items:start;min-height:112px;padding:12px}.duration-grid button{background:0 0;justify-content:center;min-height:36px;padding:0;font-size:13px}.aspect-grid button:hover,.duration-grid button:hover{transform:translateY(-1px)}.aspect-preview{background:linear-gradient(135deg,#1677ff29,#17c8a324);border-radius:8px;place-items:center;width:42px;height:30px;display:grid}.aspect-preview:after{content:"";border:2px solid #718096;border-radius:4px;display:block}.aspect-preview[data-aspect="16:9"]:after{width:28px;height:15px}.aspect-preview[data-aspect="9:16"]:after{width:13px;height:24px}.aspect-preview[data-aspect="1:1"]:after{width:20px;height:20px}.aspect-preview[data-aspect="4:3"]:after{width:24px;height:18px}.aspect-preview[data-aspect="3:4"]:after{width:18px;height:24px}.aspect-preview[data-aspect="21:9"]:after{width:31px;height:13px}.aspect-grid button strong{margin-top:8px;font-size:16px}.aspect-grid button small{color:#7b8493;font-size:12px;font-weight:800}.aspect-grid button.selected,.duration-grid button.selected{color:var(--blue);background:#eef5ff;box-shadow:0 8px 18px #1677ff1f}.aspect-grid button.selected{border-color:#1677ff5c}.aspect-grid button.selected .aspect-preview:after{border-color:var(--blue)}.aspect-grid button.selected small{color:#4e7cc2}.send-button{color:#fff;background:linear-gradient(135deg,#1aa7ff,#17c8a3);border:0;border-radius:8px;justify-content:center;align-items:center;min-width:130px;height:50px;margin-left:auto;padding:0 20px;font-size:16px;font-weight:950;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 16px 30px #17c8a33d}.send-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 20px 36px #17c8a347}.generation-panel{width:min(980px,100%);margin:20px auto 0;animation:.36s both resultReveal}@keyframes resultReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.preview-dock{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;padding:16px;box-shadow:0 16px 44px #20293914}.dock-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.dock-head span{color:#8690a1;font-size:12px;font-weight:950;display:block}.dock-head strong{color:#171a21;margin-top:3px;font-size:22px;font-weight:950;display:block}.dock-head button{color:#20242d;background:#f1f4f8;border:0;border-radius:999px;padding:9px 12px;font-weight:900}.video-stage{background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/36px 36px,linear-gradient(135deg,#1677ff38,#0000 42%),linear-gradient(315deg,#17c8a32e,#0000 44%),#101217;border-radius:8px;min-height:330px;display:grid;position:relative;overflow:hidden}.video-stage:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff17,#0000 48%);position:absolute;inset:0;transform:translate(-100%)}.video-stage:has(.running):after{animation:2.4s linear infinite sweep}@keyframes sweep{to{transform:translate(100%)}}.video-stage video{object-fit:contain;background:#050506;width:100%;height:100%;min-height:330px}.stage-placeholder{z-index:1;color:#fff;text-align:center;align-content:center;place-items:center;gap:14px;padding:28px;display:grid;position:relative}.stage-placeholder span{color:#b7bfcd;max-width:500px;font-weight:750;line-height:1.6}.render-suite{place-items:center;gap:18px;width:min(620px,100%);display:grid}.render-animation{place-items:center;width:190px;height:136px;display:grid;position:relative}.film-frame{z-index:2;background:#ffffff14;border:2px solid #ffffffb8;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;width:140px;height:88px;padding:12px;display:grid;position:relative;box-shadow:0 0 44px #17c8a33d}.film-frame:before,.film-frame:after{content:"";opacity:.72;background:repeating-linear-gradient(#fff 0 5px,#0000 5px 11px);border-radius:999px;width:5px;position:absolute;top:14px;bottom:14px}.film-frame:before{left:-14px}.film-frame:after{right:-14px}.film-frame span{background:linear-gradient(#fffc,#17c8a338);border-radius:10px;animation:1.6s ease-in-out infinite frameGlow}.film-frame span:nth-child(2){animation-delay:.16s}.film-frame span:nth-child(3){animation-delay:.32s}@keyframes frameGlow{0%,to{opacity:.38;transform:scaleY(.82)}50%{opacity:1;transform:scaleY(1)}}.render-beam{filter:blur(18px);opacity:.8;background:conic-gradient(from 180deg,#0000,#17c8a3b3,#1677ffc7,#0000);border-radius:999px;animation:3.6s linear infinite rotateBeam;position:absolute;inset:12px 0}@keyframes rotateBeam{to{transform:rotate(360deg)}}.spark-field i{background:#fff;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite spark;display:block;position:absolute;box-shadow:0 0 16px #ffffffe6}.spark-field i:first-child{top:18px;left:26px}.spark-field i:nth-child(2){animation-delay:.3s;top:26px;right:20px}.spark-field i:nth-child(3){animation-delay:.62s;bottom:26px;left:42px}.spark-field i:nth-child(4){animation-delay:.9s;bottom:16px;right:48px}@keyframes spark{0%,to{opacity:.35;transform:translateY(0)scale(.7)}50%{opacity:1;transform:translateY(-10px)scale(1)}}.stage-placeholder:not(.running) .film-frame span,.stage-placeholder:not(.running) .render-beam,.stage-placeholder:not(.running) .spark-field i{animation-play-state:paused}.render-meta{grid-template-columns:repeat(3,1fr);gap:10px;width:min(520px,100%);display:grid}.render-meta div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.render-meta span{color:#9faabd;font-size:12px;font-weight:850;display:block}.render-meta strong{color:#fff;margin-top:4px;font-size:17px;display:block}.render-steps{grid-template-columns:repeat(5,1fr);gap:8px;width:min(620px,100%);display:grid}.render-steps span{color:#8f9bae;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;position:relative;overflow:hidden}.terminal-state{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:96px;height:96px;display:grid}.terminal-state span{color:#fff;font-size:14px;font-weight:950}.terminal-state.failed{background:#dd3b3b2e}.terminal-state.cancelled{background:#8690a12e}.terminal-state.completed{background:#1677ff2e}.render-steps span.active{color:#d9fff4;background:#17c8a324;border-color:#17c8a35c}.render-steps span.active:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:2.8s ease-in-out infinite stepSheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes stepSheen{to{transform:translate(100%)}}.task-metrics{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.task-metrics span{color:#506070;background:#f8fafc;border:1px solid #e4eaf3;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.dock-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.dock-actions button,.dock-actions a{color:#242832;background:#f1f4f8;border:0;border-radius:999px;padding:9px 12px;font-weight:900;text-decoration:none}.dock-actions a{color:#fff;background:#151821}.dock-actions .download-action,.detail-actions .download-action{color:#fff;background:linear-gradient(135deg,#1aa7ff,#17c8a3);box-shadow:0 12px 24px #17c8a333}.history-item-top,.history-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-cost{color:#9a6900;background:#fff8e7;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}.history-actions{justify-content:flex-end;margin-top:2px}.history-actions button,.history-actions a{color:var(--blue);background:#eef5ff;border:0;border-radius:999px;padding:8px 11px;font-weight:900;text-decoration:none}.history-actions button:first-child{color:#fff;background:#151821}.history-actions a{color:#0e8f77;background:#e8f8f4}button:disabled{cursor:not-allowed;opacity:.45}.task-error{color:var(--red);margin:12px 0 0;font-weight:850}.history-list{gap:9px;max-height:calc(100vh - 150px);padding-right:4px;display:grid;overflow:auto}.history-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;gap:8px;padding:12px;transition:transform .16s,border-color .16s,background .16s;display:grid}.history-item:hover,.history-item.active{background:#f4f8ff;border-color:#1677ff52;transform:translateY(-1px)}.history-item strong{color:#20242d;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.history-item small,.empty-list{color:#858b97;font-weight:750}.status{color:#69707d;background:#eef1f6;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:6px 10px;font-size:12px;font-weight:950;display:inline-flex}.status.completed{color:#12833d;background:#e6f8ef}.status.in_progress,.status.queued{color:#a86600;background:#fff4da}.status.failed{color:#ca2b2b;background:#ffe8e8}.history-overlay{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182738;justify-content:flex-end;padding:16px;display:flex;position:fixed;inset:0}.history-drawer{background:#fffffff5;border:1px solid #ffffffb8;border-radius:8px;width:min(460px,100%);padding:16px;animation:.22s both drawerIn;box-shadow:0 28px 90px #11182738}@keyframes drawerIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;display:flex}.drawer-head span{color:var(--muted);font-size:12px;font-weight:950;display:block}.drawer-head h2{margin:3px 0 0;font-size:24px}.drawer-head>div:last-child{gap:8px;display:flex}.drawer-head button{color:#20242d;background:#f1f4f8;border:0;border-radius:999px;padding:9px 12px;font-weight:900}.detail-overlay{z-index:78;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182747;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.detail-card{background:linear-gradient(#fffffffa,#f9fcfff5),#fff;border:1px solid #ffffffc2;border-radius:14px;width:min(760px,100%);max-height:calc(100dvh - 36px);padding:18px;animation:.18s both modalIn;overflow:auto;box-shadow:0 30px 100px #1118273d}.detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;display:flex}.detail-head span,.detail-grid span,.detail-summary span,.detail-prompt span,.media-link-list span,.detail-error span{color:#7c8796;font-size:12px;font-weight:950;display:block}.detail-head h2{margin:3px 0 0;font-size:28px;font-weight:950}.detail-head button{color:#404754;background:#f1f4f8;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.detail-summary,.detail-grid{gap:10px;display:grid}.detail-summary{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-summary div,.detail-grid div{background:#f8fafc;border:1px solid #e4eaf3;border-radius:10px;padding:12px}.detail-summary strong,.detail-grid strong{overflow-wrap:anywhere;color:#19202b;margin-top:5px;font-size:15px;font-weight:950;display:block}.detail-prompt,.media-link-list,.detail-error{background:#fff;border:1px solid #e4eaf3;border-radius:10px;margin-top:10px;padding:12px}.detail-prompt p,.detail-error p{color:#27303d;white-space:pre-wrap;margin:8px 0 0;font-weight:750;line-height:1.65}.detail-error{background:#fff8f8;border-color:#dd3b3b38}.detail-error p{color:#b42323}.media-link-list{gap:8px;display:grid}.media-link-list a{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;background:#f3f7ff;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:850;text-decoration:none;overflow:hidden}.detail-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.detail-actions button,.detail-actions a{color:var(--blue);background:#eef5ff;border:0;border-radius:999px;padding:10px 13px;font-weight:900;text-decoration:none}.detail-actions a{color:#fff;background:#151821}.login-overlay{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1118275c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.login-card{background:#fffffff0;border:1px solid #ffffffbd;border-radius:8px;width:min(460px,100%);padding:28px;animation:.18s both modalIn;position:relative;overflow:hidden;box-shadow:0 32px 100px #11182747}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-close{z-index:1;color:#404754;background:#f1f4f8;border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;display:grid;position:absolute;top:12px;right:12px}.login-card h2{margin:0;font-size:30px;font-weight:950}.login-card p:not(.hero-kicker){color:#626b7a;margin:12px 0 20px;font-weight:750;line-height:1.7}.login-field span{color:#525b69;margin-bottom:8px;font-size:13px;font-weight:950;display:block}.login-field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfe;border-radius:8px;outline:none;padding:14px 15px;font-weight:800}.login-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.login-actions button{color:#303743;background:#f1f4f8;border:0;border-radius:8px;padding:12px 14px;font-weight:900}.login-actions button.primary{background:linear-gradient(135deg, var(--blue), var(--teal));color:#fff}.toast-error,.toast-notice{z-index:90;color:#fff;background:#151821;border-radius:999px;max-width:min(680px,100% - 32px);padding:13px 18px;font-weight:900;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000038}.toast-notice{background:#0e8f77}@media (max-width:980px){.ratio-popover{width:min(520px,100vw - 48px);right:-60px}}@media (max-width:720px){.app-main{width:min(100% - 22px,1180px);padding:16px 0 34px}.topbar{flex-wrap:wrap;align-items:flex-start}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.usage-pill{border-radius:8px;justify-content:center;width:100%}.brand-lockup,.session-pill,.login-trigger{min-width:0}.session-pill{border-radius:8px;flex-wrap:wrap;justify-content:space-between;width:100%;padding:8px}.session-pill strong{text-overflow:ellipsis;max-width:100%;overflow:hidden}.session-pill button{flex:80px}.creation-card,.preview-dock,.history-drawer,.detail-card{border-radius:8px;padding:14px}.mode-tabs{width:100%}.mode-tabs button{flex:1;min-width:0}.form-head,.asset-row,.control-row{flex-direction:column;align-items:stretch}.form-head{display:grid}.prompt-box{min-height:170px;font-size:16px}.asset-tile,.model-pill,.control-pill,.batch-picker,.send-button{justify-content:center;width:100%}.send-button{margin-left:0}.ratio-popover{width:auto;max-height:calc(100dvh - 36px);position:fixed;bottom:18px;left:12px;right:12px;overflow:auto}.aspect-grid{grid-template-columns:repeat(2,1fr)}.duration-grid{grid-template-columns:repeat(6,1fr)}.video-stage,.video-stage video{min-height:300px}.render-meta,.render-steps{grid-template-columns:1fr}.task-metrics,.dock-actions,.detail-actions{display:grid}.task-metrics span,.dock-actions button,.dock-actions a,.detail-actions button,.detail-actions a{text-align:center;justify-content:center}.detail-summary,.detail-grid{grid-template-columns:1fr}.detail-head{align-items:flex-start}.history-overlay{padding:10px}.history-drawer{width:100%}.history-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.login-actions{display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.ticker-track,.topbar,.creation-card,.mode-tabs,.prompt-box,.asset-row,.reference-chip,.control-row,.ratio-popover,.generation-panel,.film-frame span,.render-beam,.spark-field i,.render-steps span.active:after,.history-drawer,.detail-card,.login-card{animation:none!important}.video-stage:has(.running):after{animation:none!important}.prompt-box,.asset-tile,.aspect-grid button,.duration-grid button,.batch-picker button,.send-button,.history-item,.dock-actions button,.detail-actions button{transition:none!important}}