@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f4ed;background:#090c0b;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #090c0b;--panel: #111513;--panel-2: #151a17;--panel-3: #1a201d;--line: rgba(229, 239, 221, .105);--line-bright: rgba(229, 239, 221, .18);--text: #f3f5ef;--muted: #88918a;--soft: #b7beb8;--acid: #d9ff57;--acid-soft: #b9e83d;--orange: #ff8158;--red: #ff685f;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 11px;--shadow: 0 24px 80px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--acid);outline-offset:2px}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.spin{animation:spin 1s linear infinite}.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--acid);font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1}.logo-mark{position:relative;display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid rgba(217,255,87,.38);border-radius:9px;background:#d9ff5714;box-shadow:inset 0 0 18px #d9ff570a}.logo-mark span{position:absolute;width:3px;border-radius:2px;background:var(--acid);transform:skew(-18deg)}.logo-mark span:nth-child(1){height:14px;left:8px}.logo-mark span:nth-child(2){height:9px;left:13px}.logo-mark span:nth-child(3){height:16px;left:18px}.login-page{position:relative;display:grid;grid-template-columns:minmax(500px,1.25fr) minmax(420px,.75fr);min-height:100vh;padding:22px;overflow:hidden;background:radial-gradient(circle at 16% 15%,rgba(137,170,52,.13),transparent 31%),radial-gradient(circle at 82% 86%,rgba(46,103,88,.13),transparent 27%),#080b0a}.login-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom right,black,transparent 75%);mask-image:linear-gradient(to bottom right,black,transparent 75%)}.aurora{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:drift 14s ease-in-out infinite alternate}.aurora-one{width:300px;height:300px;left:32%;top:7%;background:#d9ff5714}.aurora-two{width:260px;height:260px;left:47%;bottom:2%;background:#27705f1a;animation-delay:-5s}.login-visual{position:relative;z-index:1;display:flex;min-height:calc(100vh - 44px);flex-direction:column;overflow:hidden;padding:clamp(30px,4.2vw,68px);border:1px solid var(--line);border-radius:28px 0 0 28px;background:linear-gradient(140deg,rgba(217,255,87,.05),transparent 36%),linear-gradient(160deg,#111614,#0d100f 70%)}.login-visual:after{content:"";position:absolute;width:400px;height:400px;right:-160px;bottom:-230px;border:1px solid rgba(217,255,87,.13);border-radius:50%;box-shadow:0 0 0 46px #d9ff5705,0 0 0 92px #d9ff5703}.login-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px;letter-spacing:.12em}.visual-copy{position:relative;z-index:2;max-width:680px;margin-top:auto;margin-bottom:auto}.visual-copy h1{margin:22px 0 18px;font-size:clamp(45px,5vw,78px);line-height:1.08;letter-spacing:-.055em;font-weight:600}.visual-copy h1 em{position:relative;color:var(--acid);font-style:normal}.visual-copy h1 em:after{content:"";position:absolute;left:2%;right:-2%;bottom:2px;height:2px;background:linear-gradient(90deg,var(--acid),transparent);transform:rotate(-1deg)}.visual-copy>p{max-width:500px;margin:0;color:#98a199;font-size:15px;line-height:1.9}.kinetic-orb{position:absolute;top:13%;right:3%;width:clamp(260px,28vw,440px);height:clamp(260px,28vw,440px);opacity:.78;pointer-events:none}.orb-core{position:absolute;left:50%;top:50%;z-index:2;display:flex;width:76px;height:76px;align-items:center;justify-content:center;border:1px solid rgba(217,255,87,.35);border-radius:50%;color:#17200b;background:var(--acid);box-shadow:0 0 70px #d9ff5730;transform:translate(-50%,-50%);animation:breathe 3.6s ease-in-out infinite}.orbit{position:absolute;inset:10%;border:1px solid rgba(217,255,87,.22);border-radius:50%;animation:orbit-spin 14s linear infinite}.orbit:after,.orbit:before{content:"";position:absolute;inset:13%;border:1px dashed rgba(229,239,221,.12);border-radius:50%}.orbit:after{inset:33%;border-style:solid}.orbit i{position:absolute;left:48%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}.orbit-b{inset:23%;animation-direction:reverse;animation-duration:9s;transform:rotateX(65deg)}.orbit-b i{background:#fff;width:6px;height:6px}.orb-label{position:absolute;color:#7e887f;font:600 9px/1 monospace;letter-spacing:.2em}.label-a{top:8%;left:2%}.label-b{right:0;top:45%}.label-c{left:13%;bottom:6%}.visual-footer{display:flex;justify-content:space-between;color:#657068;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.visual-footer span{display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #d9ff5717}.login-panel{position:relative;z-index:2;align-self:center;width:min(440px,calc(100% - 50px));margin:auto;padding:44px;border:1px solid var(--line);border-radius:22px;background:#111513e0;box-shadow:0 30px 100px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.unlock-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:26px;border:1px solid rgba(217,255,87,.24);border-radius:15px;color:var(--acid);background:#d9ff5712}.login-panel h2{margin:13px 0 9px;font-size:34px;letter-spacing:-.04em}.login-caption{margin:0 0 34px;color:var(--muted);font-size:14px}.login-panel label{display:block;margin-bottom:10px;color:var(--soft);font-size:12px;font-weight:600}.password-field{display:flex;align-items:center;border:1px solid var(--line-bright);border-radius:12px;background:#0c100e;transition:.25s}.password-field:focus-within{border-color:#d9ff5799;box-shadow:0 0 0 3px #d9ff570f}.password-field.has-error{border-color:#ff685f8c}.password-field input{width:100%;min-width:0;padding:15px 10px 15px 16px;border:0;outline:0;color:var(--text);background:transparent;letter-spacing:.15em}.password-field svg{margin-right:15px;color:#687168}.login-message{min-height:34px;padding-top:8px;color:#687168;font-size:11px}.has-error+.login-message{color:var(--red)}.unlock-button{display:flex;width:100%;height:50px;align-items:center;justify-content:center;gap:10px;border-radius:12px;color:#11160c;background:var(--acid);font-size:14px;font-weight:700;transition:opacity .2s}.unlock-button:disabled{cursor:not-allowed;opacity:.45}.app-shell{position:relative;display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;background:var(--bg);transition:grid-template-columns .32s ease}.app-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.noise{position:fixed;z-index:20;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.ambient-flow{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.flow-ribbon{position:absolute;display:block;width:72vw;height:13vw;border-radius:50%;opacity:.15;filter:blur(34px);mix-blend-mode:screen;will-change:transform}.ribbon-one{top:5%;left:24%;background:linear-gradient(90deg,transparent,rgba(217,255,87,.34),rgba(79,186,139,.18),transparent);transform:rotate(-22deg);animation:flow-sweep-one 17s ease-in-out infinite alternate}.ribbon-two{top:47%;right:-22%;background:linear-gradient(90deg,transparent,rgba(75,155,133,.1),rgba(217,255,87,.27),transparent);transform:rotate(17deg);animation:flow-sweep-two 22s ease-in-out -7s infinite alternate}.ribbon-three{bottom:-5%;left:10%;width:58vw;background:linear-gradient(90deg,transparent,rgba(255,129,88,.09),rgba(217,255,87,.2),transparent);transform:rotate(-8deg);animation:flow-sweep-three 19s ease-in-out -3s infinite alternate}.flow-orb{position:absolute;display:block;border-radius:50%;opacity:.16;filter:blur(80px);will-change:transform}.flow-orb-one{width:30vw;height:30vw;top:12%;right:-8%;background:#d9ff5740;animation:orb-drift 16s ease-in-out infinite alternate}.flow-orb-two{width:24vw;height:24vw;bottom:7%;left:19%;background:#27917838;animation:orb-drift 20s ease-in-out -8s infinite alternate-reverse}.sidebar-wrap{position:relative;z-index:12;min-width:0}.sidebar{position:sticky;top:0;display:flex;width:236px;height:100vh;flex-direction:column;padding:25px 17px 18px;border-right:1px solid var(--line);overflow:hidden;background:#0b0e0d;transition:width .32s ease}.sidebar.collapsed{width:78px}.sidebar-brand{display:flex;height:42px;align-items:center;gap:11px;padding:0 8px;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:.08em}.brand-thin{color:#727a73;font-size:10px;font-weight:500}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:65px}.sidebar nav button,.sidebar-action{position:relative;display:flex;height:45px;align-items:center;gap:13px;padding:0 14px;border-radius:10px;color:#788079;background:transparent;white-space:nowrap;font-size:13px;text-align:left;transition:.22s}.sidebar nav button:hover,.sidebar-action:hover{color:var(--text);background:#ffffff09}.sidebar nav button.active{color:var(--text);background:#d9ff5713}.sidebar nav button.active svg{color:var(--acid)}.sidebar nav button>i{position:absolute;right:10px;width:4px;height:4px;border-radius:50%;background:var(--acid);opacity:0}.sidebar nav button.active>i{opacity:1}.sidebar-bottom{display:flex;flex-direction:column;gap:8px;margin-top:auto}.cloud-status{display:flex;min-height:58px;align-items:center;gap:11px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#ffffff05;white-space:nowrap}.cloud-status svg{flex:0 0 auto;color:var(--acid)}.cloud-status span{display:flex;min-width:0;flex:1;flex-direction:column}.cloud-status b{font-size:11px;font-weight:600}.cloud-status small{margin-top:3px;color:#667068;font-size:9px}.cloud-status>i{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 9px var(--acid)}.sidebar-action{width:100%}.collapse-button{display:flex;width:34px;height:32px;align-items:center;justify-content:center;margin:3px 0 0 auto;border:1px solid var(--line);border-radius:9px;color:#656e67;background:transparent}.collapsed .sidebar-brand>span,.collapsed nav button span,.collapsed nav button>i,.collapsed .cloud-status span,.collapsed .cloud-status>i,.collapsed .sidebar-action span{display:none}.collapsed .cloud-status,.collapsed .sidebar-action{justify-content:center;padding:0}.collapsed .collapse-button{margin:3px auto 0;transform:rotate(180deg)}.workspace{position:relative;z-index:2;min-width:0}.topbar{display:flex;height:88px;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,48px);border-bottom:1px solid var(--line);background:#090c0be0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-path{color:#59615b;font-size:9px;font-weight:700;letter-spacing:.16em}.topbar-path b{margin:0 5px;color:#343a36}.topbar h1{margin:6px 0 0;font-size:19px;font-weight:600;letter-spacing:-.025em}.topbar-tools{display:flex;align-items:center;gap:10px}.engine-pill{display:flex;height:34px;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:18px;color:#858d86;font-size:10px}.engine-pill b{color:var(--acid);font-weight:500}.pulse-ring{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #d9ff5714;animation:pulse 2s ease-out infinite}.icon-button,.avatar,.mobile-menu{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;color:#969e97;background:#ffffff06}.avatar{border-color:#d9ff5738;color:#171d0e;background:var(--acid);font-size:12px;font-weight:700}.mobile-menu{display:none}.create-grid{display:grid;grid-template-columns:minmax(480px,.93fr) minmax(500px,1.07fr);gap:20px;min-height:calc(100vh - 88px);padding:22px clamp(22px,2.2vw,36px) 30px}.creation-panel,.preview-panel{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#161d19f5,#0f1311fa);box-shadow:var(--shadow)}.creation-panel:before,.preview-panel:before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,transparent 18%,rgba(217,255,87,.045) 40%,transparent 62%);background-size:240% 100%;animation:panel-flow 11s ease-in-out infinite}.preview-panel:before{animation-delay:-5s;animation-duration:14s}.creation-panel>*,.preview-panel>*{position:relative;z-index:1}.creation-panel{align-self:start;padding:27px 28px 23px}.panel-heading,.preview-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2,.preview-heading h2{margin:8px 0 0;font-size:22px;letter-spacing:-.035em}.model-badge{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(217,255,87,.18);border-radius:9px;color:var(--acid);background:#d9ff570e;font-size:10px;font-weight:700}.control-section{padding-top:24px}.control-section+.control-section{margin-top:23px;border-top:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:12px}.section-label>span{display:flex;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid var(--line-bright);border-radius:6px;color:var(--acid);font:700 8px/1 monospace}.section-label b{font-size:12px;font-weight:600}.section-label small{margin-left:auto;color:#677068;font-size:9px}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-selector button{position:relative;display:flex;min-width:0;min-height:61px;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;color:#707971;overflow:hidden;background:#0d110f;text-align:left;transition:border-color .2s,color .2s}.mode-selector button>*{position:relative;z-index:1}.mode-selector button svg{flex:0 0 auto}.mode-selector button span:not(.mode-active-bg){display:flex;min-width:0;flex-direction:column}.mode-selector button b{color:#adb5ae;font-size:11px;font-weight:600;white-space:nowrap}.mode-selector button small{margin-top:3px;font-size:8px;white-space:nowrap}.mode-selector button.active{border-color:#d9ff574d;color:var(--acid)}.mode-selector button.active b{color:var(--text)}.mode-active-bg{position:absolute!important;z-index:0!important;inset:0;background:linear-gradient(135deg,#d9ff571a,#d9ff5706)}.frame-uploads{display:grid;grid-template-columns:1fr 27px 1fr;align-items:center}.frame-flow{display:flex;justify-content:center;color:#4c554e}.upload-tile{position:relative;display:flex;height:104px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px dashed rgba(229,239,221,.16);border-radius:12px;color:#6f7871;overflow:hidden;background:#0c100e;transition:.23s}.upload-tile:hover,.upload-tile.dragging{border-color:#d9ff576b;color:var(--acid);background:#d9ff5709}.upload-icon{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#ffffff06}.upload-tile b{color:#aeb6af;font-size:10px}.upload-tile small{color:#626b64;font-size:8px}.upload-tile.has-image{border-style:solid}.upload-tile.has-image img{width:100%;height:100%;object-fit:cover}.upload-tile.has-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000000b8)}.remove-asset{position:absolute;z-index:4;top:7px;right:7px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#070908b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.asset-label{position:absolute;z-index:3;left:10px;bottom:8px;color:#fff;font-size:9px;font-weight:600}.uploading-overlay{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--acid);background:#080b09c7;font-size:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.uploading-overlay.error{color:var(--red)}.reference-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.upload-tile.compact{height:66px;border-radius:10px}.upload-tile.compact b{font-size:8px}.upload-tile.compact .remove-asset{top:4px;right:4px;width:19px;height:19px}.upload-tile.compact .asset-label{left:6px;bottom:5px;font-size:7px}.asset-description-list{display:flex;flex-direction:column;gap:7px;margin-top:11px}.asset-description-hint{display:flex;align-items:center;gap:6px;color:#69736b;font-size:8px}.asset-description-hint svg{color:var(--acid)}.asset-description-row{display:grid;grid-template-columns:auto 29px minmax(0,1fr) 16px;min-height:40px;align-items:center;gap:8px;padding:5px 9px 5px 8px;border:1px solid var(--line);border-radius:10px;background:#0c100e}.asset-description-row:focus-within{border-color:#d9ff574d}.asset-reference{color:var(--acid);font:600 8px/1 monospace;white-space:nowrap}.asset-description-row img{width:29px;height:29px;border-radius:6px;object-fit:cover}.asset-description-row input{min-width:0;padding:6px 0;border:0;outline:0;color:#b7c0b8;background:transparent;font-size:9px}.asset-description-row input::placeholder{color:#4f5851}.asset-description-row>svg{color:var(--acid)}.prompt-label{margin-bottom:10px}.prompt-label>b{margin-right:auto}.ai-assist-toggle{display:flex;height:27px;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(217,255,87,.16);border-radius:8px;color:#a9b68f;background:#d9ff570b;font-size:8px;font-weight:600;transition:.2s}.ai-assist-toggle:hover,.ai-assist-toggle.active{color:#13190d;background:var(--acid);border-color:var(--acid)}.prompt-box{position:relative;border:1px solid var(--line);border-radius:12px;background:#0c100e;transition:border-color .2s}.prompt-box:focus-within{border-color:#d9ff5757}.prompt-box textarea{display:block;width:100%;min-height:116px;resize:vertical;padding:15px 16px 10px;border:0;outline:0;color:#dde2dc;background:transparent;font-size:12px;line-height:1.75}.prompt-box textarea::placeholder{color:#535c55}.prompt-footer{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border-top:1px solid rgba(229,239,221,.07)}.prompt-footer>small{flex:0 0 auto;color:#59625b;font-size:8px}.idea-chips{display:flex;min-width:0;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.idea-chips::-webkit-scrollbar{display:none}.idea-chips>span{display:flex;flex:0 0 auto;align-items:center;gap:5px;color:var(--acid);font-size:8px}.idea-chips button{flex:0 0 auto;padding:4px 7px;border:1px solid var(--line);border-radius:8px;color:#717a73;background:#ffffff05;font-size:8px}.idea-chips button:hover{color:var(--text);border-color:var(--line-bright)}.prompt-tools{display:flex;flex:0 0 auto;align-items:center;gap:8px}.prompt-tools>small{color:#59625b;font-size:8px}.mention-button{display:flex;height:23px;align-items:center;gap:3px;padding:0 7px;border:1px solid var(--line);border-radius:7px;color:#7f8a81;background:#ffffff06;font-size:8px}.mention-button:hover:not(:disabled){color:var(--acid);border-color:#d9ff573d}.mention-button:disabled{cursor:not-allowed;opacity:.35}.mention-picker{position:absolute;z-index:20;top:72px;right:12px;left:12px;max-height:220px;padding:7px;border:1px solid rgba(217,255,87,.2);border-radius:11px;overflow-y:auto;background:#111613f7;box-shadow:0 18px 50px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mention-title{display:flex;align-items:center;gap:6px;padding:4px 6px 7px;color:var(--acid);font-size:8px;font-weight:600}.mention-picker>button{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:6px;border-radius:8px;background:transparent;text-align:left}.mention-picker>button:hover{background:#d9ff5711}.mention-picker img{width:34px;height:30px;border-radius:6px;object-fit:cover}.mention-picker button span{display:flex;min-width:0;flex-direction:column}.mention-picker button b{color:#d4dbd4;font-size:9px}.mention-picker button small{margin-top:3px;color:#69726b;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ai-director-panel{margin-top:10px;border:1px solid rgba(217,255,87,.13);border-radius:13px;overflow:hidden;padding:14px;background:linear-gradient(145deg,#d9ff570b,#0b0f0df0 40%)}.ai-director-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.ai-director-head>div{display:flex;flex-direction:column}.ai-director-head>div>span{display:flex;align-items:center;gap:5px;color:var(--acid);font-size:7px;font-weight:700;letter-spacing:.11em}.ai-director-head b{margin-top:5px;font-size:12px}.ai-director-head small{margin-top:3px;color:#647068;font-size:8px}.ai-online{display:flex;align-items:center;gap:5px;color:#768078;font-size:7px}.ai-online i{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}.director-field{min-width:0}.director-field>label{display:block;margin-bottom:7px;color:#8e988f;font-size:8px;font-weight:600}.director-field label em{color:var(--acid);font-style:normal}.director-field.full{margin-top:12px}.ai-director-head+.director-field{margin-top:0}.director-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.director-flow-grid button{display:flex;min-height:49px;justify-content:center;flex-direction:column;padding:8px;border:1px solid var(--line);border-radius:9px;color:#767f78;background:#05080673;text-align:left}.director-flow-grid button b{color:#aeb7af;font-size:9px}.director-flow-grid button small{margin-top:3px;font-size:7px}.director-flow-grid button.active{border-color:#d9ff5759;background:#d9ff5714}.director-flow-grid button.active b{color:var(--acid)}.director-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.director-field select{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;outline:0;color:#aeb7af;background:#0b0f0d;font-size:8px}.director-field select:focus{border-color:#d9ff5759}.choice-chips{display:flex;flex-wrap:wrap;gap:5px}.choice-chips button{height:26px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:#707a72;background:#0508066b;font-size:8px}.choice-chips button.active{border-color:#d9ff574d;color:var(--acid);background:#d9ff5713}.optimize-button{display:flex;width:100%;height:38px;align-items:center;justify-content:center;gap:7px;margin-top:14px;border-radius:9px;color:#11160c;background:linear-gradient(90deg,#c5ee45,var(--acid));font-size:9px;font-weight:700}.optimize-button:disabled{cursor:not-allowed;opacity:.4}.ai-success{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--acid);font-size:8px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-block label,.duration-head label{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#8b948d;font-size:9px}.segmented{display:grid;padding:3px;border:1px solid var(--line);border-radius:10px;background:#0c100e}.segmented.small{grid-auto-flow:column;grid-auto-columns:1fr}.segmented button{display:flex;height:30px;align-items:center;justify-content:center;gap:6px;border-radius:7px;color:#626b64;background:transparent;font-size:9px;transition:.2s}.segmented button.active{color:var(--text);background:#222924;box-shadow:0 2px 8px #00000040}.setting-block:first-child .segmented button{height:38px;flex-direction:column;gap:1px}.setting-block:first-child .segmented button>span{font-size:9px}.setting-block:first-child .segmented button>small{color:#566058;font-size:6px}.setting-block:first-child .segmented button.active>small{color:var(--acid)}.ratio{display:inline-block;border:1px solid currentColor;border-radius:1px}.ratio.landscape{width:11px;height:7px}.ratio.portrait{width:7px;height:11px}.duration-control{margin-top:16px;padding:13px 14px 11px;border:1px solid var(--line);border-radius:11px;background:#0c100e}.duration-head{display:flex;align-items:center;justify-content:space-between}.duration-head label{margin:0}.duration-head strong{color:var(--acid);font:600 18px/1 monospace}.duration-head strong small{font-size:8px}.duration-control input{width:100%;height:3px;margin:14px 0 6px;border-radius:3px;outline:none;appearance:none;background:linear-gradient(to right,var(--acid) var(--range),#2b322d var(--range))}.duration-control input::-webkit-slider-thumb{width:14px;height:14px;border:3px solid #141a15;border-radius:50%;appearance:none;background:var(--acid);box-shadow:0 0 0 1px #d9ff5752}.duration-control input::-moz-range-thumb{width:10px;height:10px;border:3px solid #141a15;border-radius:50%;background:var(--acid)}.range-labels{display:flex;justify-content:space-between;color:#535c55;font-size:7px}.generate-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:19px;border-top:1px solid var(--line)}.cost{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:7px}.cost small{grid-column:1 / -1;color:#666f68;font-size:8px}.cost strong{margin-top:3px;color:var(--text);font:600 18px/1 monospace}.cost span{color:#59625b;font-size:7px}.generate-button{position:relative;display:flex;min-width:190px;height:46px;align-items:center;justify-content:center;gap:9px;border-radius:11px;color:#141a0d;overflow:hidden;background:var(--acid);box-shadow:0 12px 28px #c3e5461c;font-size:12px;font-weight:700}.generate-button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.32}.generate-button svg{position:relative;z-index:1}.button-shine{position:absolute;top:-50%;left:-35%;width:25%;height:200%;background:#ffffff59;transform:rotate(18deg);animation:shine 4s ease-in-out infinite}.form-error{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 10px;border:1px solid rgba(255,104,95,.15);border-radius:9px;color:#ff8f88;background:#ff685f0e;font-size:9px}.preview-panel{display:flex;min-height:0;flex-direction:column;padding:27px 27px 20px}.task-time{color:#626b64;font:500 9px/1 monospace}.stage{position:relative;min-height:430px;flex:1;margin-top:19px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#080b0a}.stage-inner{position:absolute;inset:0}.empty-stage,.working-stage,.failed-stage{position:relative;display:flex;width:100%;height:100%;min-height:430px;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.stage-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 73%);mask-image:radial-gradient(circle at center,black,transparent 73%)}.stage-glow{position:absolute;top:23%;left:50%;width:260px;height:200px;border-radius:50%;background:#d9ff5712;filter:blur(60px);transform:translate(-50%);animation:breathe 4s ease-in-out infinite}.film-sculpture{position:relative;width:210px;height:150px;margin-top:-40px;perspective:700px}.film-frame{position:absolute;display:flex;width:110px;height:78px;align-items:flex-end;justify-content:flex-start;padding:8px;border:1px solid rgba(217,255,87,.24);border-radius:8px;color:#d9ff578c;background:linear-gradient(145deg,#d9ff5717,#ffffff04);box-shadow:0 16px 50px #0006;font:600 8px monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.frame-one{left:5px;top:40px;transform:rotateY(24deg) rotate(-7deg);animation:float-one 5s ease-in-out infinite}.frame-two{right:5px;top:27px;transform:rotateY(-24deg) rotate(7deg);animation:float-two 5.8s ease-in-out infinite}.frame-three{left:52px;top:7px;align-items:center;justify-content:center;color:#151c0c;background:var(--acid);transform:translateZ(35px);animation:float-three 4.3s ease-in-out infinite}.scan-line{position:absolute;z-index:5;left:25px;right:25px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);box-shadow:0 0 12px var(--acid);animation:scan 3.8s ease-in-out infinite}.empty-copy{position:relative;z-index:2;max-width:360px;text-align:center}.empty-copy h3{margin:11px 0 10px;font-size:clamp(24px,2.2vw,34px);line-height:1.25;letter-spacing:-.045em}.empty-copy p{margin:0 auto;max-width:330px;color:#6e7770;font-size:10px;line-height:1.75}.stage-meta{position:absolute;right:18px;bottom:15px;left:18px;display:flex;justify-content:space-between;color:#444c46;font:600 7px monospace;letter-spacing:.14em}.working-stage{padding:40px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(217,255,87,.055),transparent 38%)}.render-visual{position:relative;width:180px;height:180px}.render-rings{position:absolute;inset:0}.render-rings i{position:absolute;border:1px solid rgba(217,255,87,.21);border-radius:50%;animation:ring-turn 8s linear infinite}.render-rings i:nth-child(1){inset:7%;border-style:dashed}.render-rings i:nth-child(2){inset:20%;border-color:#ffffff21;animation-direction:reverse;animation-duration:5s}.render-rings i:nth-child(3){inset:34%;border-color:#d9ff5759;animation-duration:3s}.render-rings i:after{content:"";position:absolute;top:-3px;left:48%;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.render-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--acid)}.render-center svg{opacity:.5;animation:spin 3s linear infinite}.render-center strong{font:600 23px/1 monospace}.render-center small{font-size:9px}.render-particles i{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--acid);animation:particle 3s ease-in-out infinite}.render-particles i:nth-child(1){left:4%;top:36%}.render-particles i:nth-child(2){left:16%;top:12%;animation-delay:-1s}.render-particles i:nth-child(3){left:37%;top:3%;animation-delay:-2s}.render-particles i:nth-child(4){left:72%;top:8%;animation-delay:-.6s}.render-particles i:nth-child(5){right:4%;top:34%;animation-delay:-1.5s}.render-particles i:nth-child(6){right:9%;bottom:25%;animation-delay:-2.4s}.render-particles i:nth-child(7){right:27%;bottom:4%;animation-delay:-.3s}.render-particles i:nth-child(8){left:35%;bottom:3%;animation-delay:-1.2s}.render-particles i:nth-child(9){left:8%;bottom:24%;animation-delay:-2.2s}.render-particles i:nth-child(10){left:49%;top:13%;animation-delay:-.9s}.render-particles i:nth-child(11){right:18%;top:30%;animation-delay:-1.8s}.render-particles i:nth-child(12){left:20%;bottom:35%;animation-delay:-.4s}.render-particles i:nth-child(13){right:30%;bottom:24%;animation-delay:-2.7s}.render-particles i:nth-child(14){left:50%;bottom:12%;animation-delay:-1.4s}.status-chip{display:inline-flex;height:23px;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:12px;color:#a0a9a1;background:#0a0d0b94;font-size:8px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-chip>span{width:5px;height:5px;border-radius:50%;background:currentColor}.status-chip.working{color:#ffd95c;border-color:#ffd95c2e}.status-chip.success{color:var(--acid);border-color:#d9ff5733}.status-chip.failed{color:#ff8179;border-color:#ff685f33}.working-stage>.status-chip{margin-top:14px}.working-stage h3,.failed-stage h3{margin:14px 0 7px;font-size:22px;letter-spacing:-.035em}.working-stage>p,.failed-stage>p{max-width:410px;margin:0;color:#69726b;font-size:10px;line-height:1.7}.progress-track{width:min(330px,80%);height:3px;margin-top:22px;border-radius:3px;overflow:hidden;background:#262d28}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fa41d,var(--acid));box-shadow:0 0 8px #d9ff5773}.working-meta{display:flex;gap:20px;margin-top:15px;color:#58615a;font-size:8px}.working-meta span{display:flex;align-items:center;gap:5px}.failed-stage{padding:40px;text-align:center;background:radial-gradient(circle at 50% 40%,rgba(255,104,95,.06),transparent 38%)}.failed-icon{display:flex;width:74px;height:74px;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid rgba(255,104,95,.2);border-radius:50%;color:var(--red);background:#ff685f0e}.failed-meta{margin-top:18px;color:#4f5851;font:8px monospace}.result-stage{position:relative;width:100%;height:100%;min-height:430px;overflow:hidden;background:#050706}.result-stage video{width:100%;height:100%;object-fit:contain;background:#050706;cursor:pointer}.video-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 20%,transparent 65%,rgba(0,0,0,.78))}.video-play{position:absolute;top:50%;left:50%;display:flex;width:58px;height:58px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#10160a;background:#d9ff57ed;box-shadow:0 10px 40px #0000004d;transform:translate(-50%,-50%);transition:.25s}.video-play.playing{opacity:0}.result-stage:hover .video-play.playing{opacity:.75}.result-top{position:absolute;top:14px;right:14px;left:14px;display:flex;align-items:center;justify-content:space-between}.result-top a{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0709088c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-caption{position:absolute;right:16px;bottom:15px;left:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.result-caption>div{min-width:0}.result-caption span{color:var(--acid);font-size:8px;font-weight:600;letter-spacing:.05em}.result-caption p{max-width:560px;margin:5px 0 0;color:#ffffffbf;overflow:hidden;font-size:10px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.download-button{display:flex;flex:0 0 auto;height:35px;align-items:center;gap:7px;padding:0 13px;border-radius:9px;color:#14190e;background:var(--acid);font-size:9px;font-weight:700}.recent-strip{margin-top:19px}.strip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.strip-head>span{display:flex;align-items:center;gap:7px;color:#979f98;font-size:9px}.strip-head button{display:flex;align-items:center;gap:4px;color:#626b64;background:transparent;font-size:8px}.strip-head button:hover{color:var(--acid)}.strip-items{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.no-history{grid-column:1 / -1;padding:15px;border:1px dashed var(--line);border-radius:10px;color:#59625b;font-size:9px;text-align:center}.mini-generation{display:flex;min-width:0;align-items:center;gap:8px;padding:6px;border:1px solid transparent;border-radius:10px;background:#0c100e;text-align:left;transition:.2s}.mini-generation:hover,.mini-generation.active{border-color:var(--line-bright)}.mini-generation.active{background:#d9ff5709}.mini-thumb{display:flex;width:52px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:7px;overflow:hidden;background:#171c19}.mini-thumb video{width:100%;height:100%;object-fit:cover}.mini-thumb>span{display:flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%}.mini-thumb>span.working{color:#ffd95c;background:#ffd95c14}.mini-thumb>span.failed{color:var(--red);background:#ff685f14}.mini-generation>div:last-child{min-width:0}.mini-generation b{display:block;color:#a6afa8;overflow:hidden;font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.mini-generation small{display:block;margin-top:4px;color:#555e57;font-size:7px}.library-page{padding:32px clamp(24px,4vw,56px) 60px}.library-hero{position:relative;display:flex;min-height:190px;align-items:center;justify-content:space-between;padding:35px 42px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(125deg,rgba(217,255,87,.07),transparent 35%),#111513}.library-hero:after{content:"";position:absolute;right:12%;width:210px;height:210px;border:1px solid rgba(217,255,87,.1);border-radius:50%;box-shadow:0 0 0 35px #d9ff5705,0 0 0 70px #d9ff5703}.library-hero>div:first-child{position:relative;z-index:2}.library-hero h2{margin:12px 0 8px;font-size:clamp(25px,3vw,40px);letter-spacing:-.05em}.library-hero p{margin:0;color:#747d76;font-size:11px}.library-stat{position:relative;z-index:2;display:flex;width:130px;height:106px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(217,255,87,.17);border-radius:17px;background:#090c0b8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.library-stat strong{color:var(--acid);font:600 35px/1 monospace}.library-stat span{margin-top:8px;color:#7a837c;font-size:9px}.library-stat i{position:absolute;top:10px;right:10px;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin:27px 0 16px}.filter-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.filter-tabs button{height:30px;padding:0 13px;border-radius:8px;color:#69726b;background:transparent;font-size:9px}.filter-tabs button.active{color:var(--text);background:#252c27}.refresh-button{display:flex;height:36px;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:#737c75;background:var(--panel);font-size:9px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.library-card{min-width:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--panel);cursor:pointer;transition:transform .25s,border-color .25s}.library-card:hover{border-color:var(--line-bright);transform:translateY(-3px)}.library-media{position:relative;height:205px;overflow:hidden;background:#080b0a}.library-media video{width:100%;height:100%;object-fit:cover;transition:transform .5s}.library-card:hover .library-media video{transform:scale(1.025)}.library-media.portrait video{object-fit:contain}.library-media>.status-chip{position:absolute;top:11px;left:11px}.library-media>a{position:absolute;top:11px;right:11px;display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#060807a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-index{position:absolute;right:11px;bottom:8px;color:#ffffff59;font:600 9px monospace}.library-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#687169;background:radial-gradient(circle,rgba(217,255,87,.055),transparent 45%)}.render-rings.small{width:95px;height:95px;left:50%;top:50%;transform:translate(-50%,-50%)}.library-placeholder>svg{position:relative;z-index:2}.library-card-copy{padding:14px 15px 15px}.library-card-copy p{min-height:35px;margin:0 0 12px;color:#bdc4be;display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.library-card-copy>div{display:flex;align-items:center;gap:5px}.library-card-copy span{padding:3px 6px;border-radius:5px;color:#687169;background:#ffffff09;font-size:7px}.library-card-copy time{margin-left:auto;color:#505851;font:7px monospace}.empty-library{display:flex;min-height:360px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--line);border-radius:20px;color:#626b64}.empty-library h3{margin:16px 0 7px;color:#bbc2bc;font-size:17px}.empty-library p{margin:0;font-size:10px}.empty-library button{display:flex;height:35px;align-items:center;gap:6px;margin-top:20px;padding:0 12px;border-radius:9px;color:#151a0e;background:var(--acid);font-size:9px;font-weight:700}.asset-hero{background:radial-gradient(circle at 76% 20%,rgba(217,255,87,.08),transparent 27%),linear-gradient(125deg,rgba(56,149,124,.09),transparent 38%),#111513}.asset-hero>div:first-child{max-width:680px}.asset-hero h2{max-width:650px}.asset-toolbar-copy{display:flex;align-items:center;gap:7px;color:#9ba49c;font-size:10px}.asset-toolbar-copy svg{color:var(--acid)}.asset-toolbar-copy small{margin-left:5px;color:#58615a;font-size:8px}.asset-toolbar-actions{display:flex;align-items:center;gap:7px}.asset-upload-link{display:flex;height:36px;align-items:center;gap:7px;padding:0 12px;border-radius:10px;color:#14190d;background:var(--acid);font-size:9px;font-weight:700}.asset-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.asset-card{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#111513f5;transition:transform .22s,border-color .22s}.asset-card:hover{border-color:#d9ff5730;transform:translateY(-3px)}.asset-card-preview{position:relative;display:block;width:100%;height:180px;padding:0;overflow:hidden;background:#070a08}.asset-card-preview img{width:100%;height:100%;object-fit:cover;transition:transform .45s,opacity .25s}.asset-card:hover .asset-card-preview img{transform:scale(1.035);opacity:.78}.asset-number{position:absolute;top:10px;left:10px;padding:4px 7px;border:1px solid rgba(217,255,87,.2);border-radius:7px;color:var(--acid);background:#070a08ad;font:600 7px/1 monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-import{position:absolute;left:50%;bottom:13px;display:flex;height:31px;align-items:center;gap:6px;padding:0 10px;border-radius:8px;color:#11160d;opacity:0;background:var(--acid);font-size:8px;font-weight:700;transform:translate(-50%,8px);transition:.25s}.asset-card:hover .quick-import{opacity:1;transform:translate(-50%)}.asset-card-body{padding:12px}.asset-card-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-card-name>span{min-width:0;color:#aeb7b0;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.asset-card-name button{display:flex;width:27px;height:27px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:7px;color:#646e66;background:transparent}.asset-card-name button:hover{color:var(--red);background:#ff685f12}.asset-card-description{display:block;margin-top:10px}.asset-card-description>span{display:flex;height:18px;align-items:center;gap:5px;color:#687169;font-size:7px}.asset-card-description textarea{display:block;width:100%;height:58px;resize:none;padding:8px 9px;border:1px solid var(--line);border-radius:8px;outline:0;color:#aeb7b0;background:#0b0f0d;font-size:8px;line-height:1.55}.asset-card-description textarea:focus{border-color:#d9ff574d}.asset-card-description.missing textarea{border-color:#ffd95c30}.asset-card-description textarea::placeholder{color:#505951}.asset-card-meta{display:flex;justify-content:space-between;margin-top:9px;color:#515a53;font:7px/1 monospace}.mobile-nav,.mobile-sidebar-overlay{display:none}.boot-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#919a92;background:#080b0a;font-size:10px;font-weight:700;letter-spacing:.15em}.boot-line{width:100px;height:2px;margin-top:4px;overflow:hidden;background:#1d231f}.boot-line i{display:block;width:45%;height:100%;background:var(--acid);animation:boot 1.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(35px,-25px) scale(1.15)}}@keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.07);opacity:.82}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes pulse{70%{box-shadow:0 0 0 8px #d9ff5700}to{box-shadow:0 0 #d9ff5700}}@keyframes shine{0%,52%{left:-35%}72%,to{left:125%}}@keyframes scan{0%,to{top:3px;opacity:.2}50%{top:140px;opacity:1}}@keyframes float-one{50%{transform:rotateY(24deg) rotate(-5deg) translateY(-9px)}}@keyframes float-two{50%{transform:rotateY(-24deg) rotate(5deg) translateY(8px)}}@keyframes float-three{50%{transform:translateZ(35px) translateY(-7px)}}@keyframes ring-turn{to{transform:rotate(360deg)}}@keyframes particle{0%,to{opacity:.18;transform:scale(.5)}50%{opacity:.9;transform:scale(1.7)}}@keyframes boot{0%{transform:translate(-110%)}to{transform:translate(230%)}}@keyframes flow-sweep-one{0%{transform:translate3d(-17vw,-5vh,0) rotate(-22deg) scaleX(.82);opacity:.08}48%{opacity:.22}to{transform:translate3d(20vw,14vh,0) rotate(-13deg) scaleX(1.18);opacity:.13}}@keyframes flow-sweep-two{0%{transform:translate3d(15vw,-8vh,0) rotate(17deg) scaleX(.9);opacity:.09}52%{opacity:.2}to{transform:translate3d(-28vw,13vh,0) rotate(8deg) scaleX(1.15);opacity:.12}}@keyframes flow-sweep-three{0%{transform:translate3d(-13vw,6vh,0) rotate(-8deg) scale(.86);opacity:.07}55%{opacity:.18}to{transform:translate3d(28vw,-14vh,0) rotate(2deg) scale(1.16);opacity:.12}}@keyframes orb-drift{0%{transform:translate3d(-4vw,-4vh,0) scale(.88);opacity:.1}50%{opacity:.2}to{transform:translate3d(11vw,10vh,0) scale(1.16);opacity:.14}}@keyframes panel-flow{0%,10%{background-position:170% 0;opacity:.35}52%{opacity:1}90%,to{background-position:-90% 0;opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1260px){.create-grid{grid-template-columns:minmax(430px,.95fr) minmax(440px,1.05fr);padding-inline:18px}.creation-panel,.preview-panel{padding:23px 22px 19px}.mode-selector button{padding-inline:9px}.mode-selector button small{display:none}.reference-grid{grid-template-columns:repeat(5,1fr)}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1020px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar,.sidebar.collapsed{width:78px}.sidebar .sidebar-brand>span,.sidebar nav button span,.sidebar nav button>i,.sidebar .cloud-status span,.sidebar .cloud-status>i,.sidebar .sidebar-action span{display:none}.sidebar .cloud-status,.sidebar .sidebar-action{justify-content:center;padding:0}.sidebar .collapse-button{display:none}.create-grid{grid-template-columns:1fr}.stage,.empty-stage,.working-stage,.failed-stage,.result-stage{min-height:540px}.preview-panel{min-height:750px}.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.login-page{display:flex;min-height:100svh;align-items:center;padding:18px}.login-visual{position:absolute;inset:18px;min-height:auto;padding:25px;border-radius:24px;opacity:.56}.login-visual .visual-copy,.login-visual .visual-footer{display:none}.kinetic-orb{top:6%;right:-8%}.login-brand{opacity:.9}.login-panel{width:100%;max-width:410px;margin:auto;padding:34px 27px;background:#0d110feb}.app-shell,.app-shell.sidebar-collapsed{display:block;padding-bottom:65px}.sidebar-wrap{position:fixed;z-index:31;top:0;bottom:0;left:0;transform:translate(-105%);transition:transform .28s ease}.sidebar-wrap.mobile-open{transform:translate(0)}.sidebar,.sidebar.collapsed{width:236px;height:100%;box-shadow:20px 0 70px #00000080}.sidebar .sidebar-brand>span,.sidebar nav button span,.sidebar nav button>i,.sidebar .cloud-status span,.sidebar .cloud-status>i,.sidebar .sidebar-action span{display:flex}.sidebar nav button span{display:inline}.sidebar .cloud-status,.sidebar .sidebar-action{justify-content:flex-start;padding:0 14px}.sidebar .cloud-status{padding:10px 11px}.sidebar .collapse-button{display:none}.mobile-sidebar-overlay{position:fixed;z-index:30;inset:0;display:block;visibility:hidden;opacity:0;background:#0009;transition:.25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-sidebar-overlay.open{visibility:visible;opacity:1}.topbar{position:sticky;z-index:15;top:0;height:70px;padding:0 16px}.topbar>div:first-of-type{margin-right:auto}.topbar h1{font-size:16px}.topbar-path{display:none}.mobile-menu{display:flex;margin-right:11px}.engine-pill,.icon-button{display:none}.create-grid{display:block;min-height:auto;padding:13px 11px 20px}.creation-panel,.preview-panel{padding:20px 15px 17px;border-radius:18px}.preview-panel{min-height:650px;margin-top:13px}.panel-heading h2,.preview-heading h2{font-size:19px}.control-section{padding-top:20px}.control-section+.control-section{margin-top:19px}.mode-selector{gap:5px}.mode-selector button{min-height:55px;flex-direction:column;justify-content:center;gap:5px;padding:7px 4px;text-align:center}.mode-selector button b{font-size:9px}.mode-selector button small{display:none}.setting-grid,.director-fields{grid-template-columns:1fr}.reference-grid{grid-template-columns:repeat(4,1fr)}.section-label small{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.director-flow-grid button{min-height:55px}.asset-description-row{grid-template-columns:auto 29px minmax(0,1fr)}.asset-description-row>svg{display:none}.generate-footer{gap:12px}.generate-button{min-width:0;flex:1}.cost{flex:0 0 82px}.stage,.empty-stage,.working-stage,.failed-stage,.result-stage{min-height:470px}.strip-items{grid-template-columns:1fr}.library-page{padding:14px 11px 30px}.library-hero{min-height:180px;padding:26px 23px}.library-hero h2{max-width:260px;font-size:27px}.library-hero p{max-width:280px;line-height:1.7}.library-stat{display:none}.library-grid{grid-template-columns:1fr}.library-media{height:230px}.library-toolbar{align-items:flex-start;gap:12px}.asset-toolbar-actions{flex:0 0 auto}.asset-toolbar-copy{align-items:flex-start;flex-direction:column}.asset-toolbar-copy small{margin-left:0}.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.asset-card-preview{height:155px}.quick-import{opacity:.94;transform:translate(-50%)}.asset-card-body{padding:10px}.flow-ribbon{width:120vw;height:26vw;filter:blur(29px)}.flow-orb{width:55vw;height:55vw;filter:blur(58px)}.mobile-nav{position:fixed;z-index:25;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);height:63px;padding:7px 14%;border-top:1px solid var(--line);background:#0a0d0cf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#626b64;background:transparent;font-size:8px}.mobile-nav button.active{color:var(--acid)}}@media(max-width:430px){.login-panel{padding:31px 22px}.visual-copy h1{font-size:42px}.frame-uploads{grid-template-columns:1fr 20px 1fr}.frame-flow svg{width:13px}.upload-tile{height:92px}.reference-grid{grid-template-columns:repeat(3,1fr)}.prompt-footer{align-items:flex-end;padding-block:7px}.idea-chips{max-width:calc(100% - 30px)}.prompt-tools>small{display:none}.director-flow-grid{grid-template-columns:1fr}.director-flow-grid button{min-height:43px}.choice-chips button{flex:1 0 auto}.ai-director-panel{padding:12px}.asset-library-grid{grid-template-columns:1fr}.asset-card-preview{height:220px}.asset-upload-link span,.refresh-button span{display:none}.asset-upload-link,.refresh-button{width:36px;justify-content:center;padding:0}.stage,.empty-stage,.working-stage,.failed-stage,.result-stage{min-height:420px}.preview-panel{min-height:590px}.film-sculpture{transform:scale(.86)}.empty-copy{padding:0 20px}.empty-copy h3{font-size:25px}.working-meta{gap:10px}.result-caption p{max-width:220px}.download-button{width:36px;padding:0;justify-content:center}.download-button:not(svg){font-size:0}.mobile-nav{padding-inline:6%}}