html{background:#161716;min-width:320px;min-height:100%}html[data-theme=light]{background:#ecebe7}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0;font-family:MiSans,HarmonyOS Sans SC,PingFang SC,Microsoft YaHei UI,sans-serif}body,button,input,textarea,select{font-family:inherit}::selection{color:var(--accent-ink);background:var(--accent)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:root{--canvas:#161716;--sidebar:#111211;--surface:#1e201e;--surface-soft:#242624;--field:#191b19;--ink:#f3f1ec;--ink-soft:#c7c4bd;--muted:#8d908a;--faint:#666a65;--line:#ffffff17;--line-strong:#ffffff29;--accent:#91a1ff;--accent-strong:#7487f5;--accent-soft:#91a1ff1f;--accent-ink:#111427;--success:#76c7a4;--warning:#d7b36b;--danger:#ef8585;--shadow:0 24px 60px #0003}:root[data-theme=light]{--canvas:#ecebe7;--sidebar:#f6f5f1;--surface:#fbfaf7;--surface-soft:#f1f0eb;--field:#f4f3ef;--ink:#242621;--ink-soft:#484b45;--muted:#747871;--faint:#969991;--line:#1e221d1a;--line-strong:#1e221d2e;--accent:#5268d3;--accent-strong:#4157c0;--accent-soft:#5268d317;--accent-ink:#fff;--success:#287d5e;--warning:#936c22;--danger:#b44f4f;--shadow:0 18px 45px #2d302a14}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{color:inherit}.startup-shell{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 43%, var(--accent-soft), transparent 27%), linear-gradient(115deg, transparent 0 49.9%, var(--line) 50%, transparent 50.1%), var(--canvas);grid-template-rows:auto 1fr auto;padding:28px clamp(24px,4vw,64px) 24px;display:grid;position:relative;overflow:hidden}.startup-shell:before,.startup-shell:after{content:"";pointer-events:none;border:1px solid var(--line);border-radius:50%;position:absolute}.startup-shell:before{width:760px;height:760px;top:calc(43% - 380px);left:calc(50% - 380px)}.startup-shell:after{opacity:.45;width:1040px;height:1040px;top:calc(43% - 520px);left:calc(50% - 520px)}.startup-topline,.startup-footer{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.startup-brand{align-items:center;gap:11px;display:flex}.startup-brand>span{width:36px;height:36px;color:var(--accent-ink);background:var(--accent);border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.startup-brand strong{letter-spacing:-.02em;font-size:13px}.startup-theme-toggle{z-index:3}.startup-content{z-index:2;text-align:center;place-self:center;width:min(620px,100%);padding:60px 0;position:relative}.startup-emblem{place-items:center;width:118px;height:118px;margin:0 auto 42px;display:grid;position:relative}.startup-emblem b{z-index:2;width:58px;height:58px;color:var(--accent-ink);background:var(--accent);box-shadow:0 18px 50px color-mix(in srgb, var(--accent) 25%, transparent);letter-spacing:-.04em;border-radius:18px;place-items:center;font-size:17px;display:grid;position:relative}.emblem-ring{border:1px solid color-mix(in srgb, var(--accent) 33%, transparent);border-radius:50%;position:absolute;inset:0}.ring-one{animation:2.4s ease-out infinite startup-pulse}.ring-two{animation:2.4s ease-out .7s infinite startup-pulse;inset:17px}@keyframes startup-pulse{0%{opacity:0;transform:scale(.82)}28%{opacity:.85}to{opacity:0;transform:scale(1.18)}}.startup-eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 13px;font-size:9px;font-weight:760}.startup-content h1{letter-spacing:-.06em;margin:0;font-size:clamp(32px,5vw,55px);font-weight:770}.startup-detail{color:var(--muted);margin:14px auto 0;font-size:12px;line-height:1.7}.startup-progress{background:var(--line-strong);width:min(420px,84vw);height:2px;margin:38px auto 24px;overflow:hidden}.startup-progress span{background:var(--accent);height:100%;box-shadow:0 0 14px var(--accent);transition:width .55s cubic-bezier(.22,1,.36,1);display:block}.startup-phases{justify-content:center;gap:clamp(14px,4vw,34px);display:flex}.startup-phase{color:var(--faint);align-items:center;gap:8px;font-size:9.5px;display:flex}.startup-phase i{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:25px;height:25px;font-size:7px;font-style:normal;display:grid}.startup-phase.done{color:var(--ink-soft)}.startup-phase.done i{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.startup-phase.active{color:var(--ink)}.startup-phase.active i{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.startup-retry{border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:7px;margin-top:34px;padding:9px 14px;display:inline-flex}.startup-retry:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.startup-retry-note{color:var(--faint);margin:10px 0 0;font-size:9px}.startup-footer{color:var(--faint);letter-spacing:.04em;font-size:8.5px}.app-shell{min-height:100vh;color:var(--ink);background:var(--canvas);transition:color .2s,background-color .2s}.sidebar{z-index:10;background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;width:274px;padding:30px 20px 24px;transition:background-color .2s,border-color .2s;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:13px;padding:0 8px 27px;display:flex}.brand-symbol{width:42px;height:42px;color:var(--accent-ink);background:var(--accent);letter-spacing:-.03em;border-radius:12px;place-items:center;font-size:14px;font-weight:760;display:grid}.brand>div{flex-direction:column;gap:3px;display:flex}.brand strong{letter-spacing:-.02em;font-size:15px;font-weight:720}.brand small{color:var(--muted);font-size:10px}.mode-nav{gap:5px;display:grid}.mode-button{width:100%;min-height:66px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;padding:9px 11px;transition:color .16s,background-color .16s,border-color .16s;display:grid;position:relative}.mode-button:hover{color:var(--ink);background:var(--surface-soft)}.mode-button.active{color:var(--ink);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 25%, transparent)}.mode-icon{background:var(--surface-soft);width:36px;height:36px;color:var(--faint);border-radius:10px;place-items:center;display:grid}.mode-button.active .mode-icon{color:var(--accent);background:var(--surface)}.mode-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mode-copy strong{font-size:13px;font-weight:680}.mode-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;line-height:1.35;overflow:hidden}.mode-marker{background:var(--accent);border-radius:2px;width:2px;position:absolute;top:17px;bottom:17px;right:-1px}.history-nav{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.history-button{min-height:62px}.sidebar-note{border-top:1px solid var(--line);margin-top:auto;padding:18px 11px 2px}.sidebar-note span{color:var(--ink-soft);font-size:11px;font-weight:650}.sidebar-note p{color:var(--muted);margin:5px 0 0;font-size:9.5px;line-height:1.5}.main-stage{min-height:100vh;margin-left:274px;padding:34px clamp(26px,3.2vw,58px) 48px;position:relative}.main-stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle, var(--accent-soft), transparent 68%);opacity:.8;border-radius:50%;width:620px;height:620px;position:fixed;top:-240px;right:-180px}.topbar,.workspace,.history-workspace{z-index:1;max-width:1480px;margin-left:auto;margin-right:auto;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px;display:flex}.title-block h1{letter-spacing:-.055em;margin:0;font-size:clamp(29px,3vw,45px);font-weight:760;line-height:1.12}.title-block h1 span{color:var(--accent)}.title-block h1 small{color:var(--muted);letter-spacing:-.025em;font-size:.55em;font-weight:580}.subtitle{color:var(--muted);margin:11px 0 0;font-size:11px}.brand-signature{color:#0000;background:linear-gradient(102deg, var(--muted) 0%, var(--ink-soft) 18%, #d6b16f 36%, #7dc7af 50%, var(--accent) 64%, var(--ink-soft) 82%, var(--muted) 100%);letter-spacing:.015em;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:min(680px,70vw);font-size:clamp(13px,1.05vw,16px);font-weight:680;animation:7s linear infinite signature-flow}.header-actions{align-items:center;gap:8px;padding-top:7px;display:flex}.health-badge,.gpu-badge,.theme-toggle{border:1px solid var(--line);height:36px;color:var(--ink-soft);background:var(--surface);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:10px;display:inline-flex;box-shadow:0 5px 16px #00000008}.health-badge i{background:var(--faint);border-radius:50%;width:7px;height:7px}.health-badge.ready i{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 13%, transparent)}.health-badge.warning i{background:var(--warning)}.health-badge.error i{background:var(--danger)}.gpu-badge{color:var(--muted)}.theme-toggle{cursor:pointer;justify-content:center;width:36px;padding:0;position:relative}.theme-toggle:hover{border-color:var(--line-strong);color:var(--accent)}.sun-icon{display:none}:root[data-theme=light] .sun-icon{display:block}:root[data-theme=light] .moon-icon{display:none}.workspace{grid-template-columns:minmax(390px,.82fr) minmax(550px,1.18fr);align-items:start;gap:20px;display:grid}.composer,.preview-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;transition:background-color .2s,border-color .2s}.composer{padding:clamp(22px,2.3vw,32px)}.section-heading{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:21px;display:flex}.mode-chip{color:var(--accent);background:var(--accent-soft);letter-spacing:.08em;border-radius:8px;flex:none;padding:7px 9px;font-size:9px;font-weight:750}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:20px;font-weight:720}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:10.5px}.prompt-field{margin-top:21px;display:block;position:relative}.prompt-field>span,.setting-row label>span,.advanced-panel label>span{color:var(--ink-soft);margin-bottom:8px;font-size:10.5px;font-weight:630;display:block}.prompt-field>span em{color:var(--accent);margin-left:7px;font-size:9px;font-style:normal;font-weight:600}.prompt-field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:138px;color:var(--ink);background:var(--field);border-radius:11px;outline:none;padding:14px 15px 28px;font-size:12.5px;line-height:1.7;transition:border-color .16s,box-shadow .16s}.prompt-field textarea::placeholder{color:var(--faint)}.prompt-field textarea:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px var(--accent-soft)}.prompt-field>small{color:var(--faint);font-size:8.5px;position:absolute;bottom:9px;right:12px}.prompt-editor{position:relative}.prompt-editor textarea{z-index:1;color:#0000;caret-color:var(--ink);-webkit-text-fill-color:transparent;background:0 0;display:block;position:relative}.prompt-editor textarea::placeholder{color:var(--faint);-webkit-text-fill-color:var(--faint)}.prompt-editor textarea::selection{color:#0000;background:color-mix(in srgb, var(--accent) 30%, transparent)}.prompt-highlight{z-index:2;min-height:138px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;border:1px solid #0000;border-radius:11px;padding:14px 15px 28px;font-size:12.5px;line-height:1.7;position:absolute;inset:0;overflow:hidden}.prompt-mention-token{color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;pointer-events:auto;cursor:default;border-radius:4px;padding:1px 3px;font-weight:720;position:relative}.prompt-mention-token:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.prompt-floating-preview{z-index:1000;border:1px solid var(--line-strong);width:248px;color:var(--ink);background:var(--surface);pointer-events:none;border-radius:12px;gap:6px;padding:8px;display:grid;position:fixed;box-shadow:0 20px 55px #0000005c}.prompt-floating-preview .asset-preview{aspect-ratio:auto;border-radius:8px;width:100%;height:176px}.prompt-floating-preview b{font-size:10px}.prompt-floating-preview small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mention-menu{z-index:20;border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;max-height:265px;padding:6px;position:absolute;top:31px;left:10px;right:10px;overflow:auto;box-shadow:0 20px 55px #00000047}.mention-menu button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:7px;display:grid}.mention-menu button:hover{background:var(--accent-soft)}.mention-menu button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.mention-menu b{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.mention-menu small{color:var(--muted);font-size:8.5px}.mention-strip{flex-wrap:wrap;gap:6px;margin-top:7px;padding-right:62px;display:flex;position:relative}.mention-chip{border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);color:var(--accent);background:var(--accent-soft);cursor:default;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:650;display:inline-flex;position:relative}.mention-popover{z-index:30;border:1px solid var(--line-strong);width:190px;color:var(--ink);background:var(--surface);border-radius:12px;padding:8px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 45px #0000004d}.mention-chip:hover .mention-popover{gap:6px;display:grid}.mention-popover b{font-size:10px}.mention-popover small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.input-deck{min-width:0;max-width:100%;margin-top:13px;position:relative}.omni-deck{gap:9px;display:grid}.reference-index{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 35%, transparent);border-radius:12px;padding:11px 13px}.reference-index>span{color:var(--ink);font-size:10px;font-weight:720}.reference-index p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.6}.reference-index b{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.input-deck.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.file-drop{border:1px dashed var(--line-strong);background:var(--field);cursor:pointer;border-radius:11px;align-items:center;gap:11px;width:100%;min-width:0;max-width:100%;min-height:70px;padding:12px;transition:border-color .16s,background-color .16s;display:flex;overflow:hidden}.file-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.file-drop.has-file{border-style:solid;border-color:color-mix(in srgb, var(--success) 45%, transparent)}.file-drop input{display:none}.drop-icon{height:36px;color:var(--accent);background:var(--accent-soft);border-radius:9px;flex:0 0 36px;place-items:center;display:grid}.has-file .drop-icon{color:var(--success)}.drop-copy{flex-direction:column;flex:1 1 0;gap:5px;width:0;min-width:0;display:flex;overflow:hidden}.drop-copy strong,.drop-copy small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.drop-copy strong{color:var(--ink-soft);font-size:10.5px;font-weight:650}.drop-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.clear-file{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 28px;place-items:center;margin-left:auto;display:grid}.clear-file:hover{color:var(--ink);background:var(--surface-soft)}.file-count{color:var(--muted);text-align:right;margin-top:6px;font-size:8.5px;display:block}.segment-control{background:var(--field);border-radius:9px;gap:3px;margin-bottom:9px;padding:3px;display:inline-flex}.segment-control button{min-width:62px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:9.5px}.segment-control button.active{color:var(--ink);background:var(--surface-soft);box-shadow:0 1px 3px #00000014}.setting-row{grid-template-columns:1fr 1fr;gap:11px;margin-top:17px;display:grid}.setting-row label,.advanced-panel label{min-width:0}select,input[type=number]{border:1px solid var(--line);width:100%;height:40px;color:var(--ink-soft);background:var(--field);border-radius:9px;outline:none;padding:0 11px;font-size:10.5px}.asset-workspace{z-index:1;border:1px solid var(--line);background:var(--surface);max-width:1480px;box-shadow:var(--shadow);border-radius:18px;margin:0 auto;padding:clamp(22px,2.5vw,34px);position:relative}.asset-intro{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:22px;display:flex}.asset-intro h2{letter-spacing:-.035em;margin:0;font-size:21px}.asset-intro p{color:var(--muted);margin:5px 0 0;font-size:10px}.asset-upload-bar{border:1px solid var(--line);background:var(--field);border-radius:13px;grid-template-columns:1.15fr .65fr 1.35fr auto;align-items:end;gap:10px;margin-top:20px;padding:15px;display:grid}.asset-upload-bar label{min-width:0}.asset-upload-bar label>span{color:var(--muted);margin-bottom:7px;font-size:9px;font-weight:620;display:block}.asset-upload-bar input[type=text],.asset-upload-bar input:not([type]){border:1px solid var(--line);width:100%;height:40px;color:var(--ink);background:var(--surface);border-radius:9px;outline:0;padding:0 11px}.asset-file{position:relative}.asset-file input{opacity:0;width:1px;height:1px;position:absolute}.asset-file b{border:1px dashed var(--line-strong);height:40px;color:var(--muted);background:var(--surface);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:9px;align-items:center;padding:0 11px;font-size:9px;font-weight:560;display:flex;overflow:hidden}.asset-upload-button{height:40px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 15px;font-size:10px;font-weight:700;display:inline-flex}.asset-upload-button:disabled{opacity:.55;cursor:wait}.asset-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:24px 0 12px;display:flex}.asset-toolbar strong{font-size:11px}.asset-toolbar span{color:var(--muted);font-size:9px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;display:grid}.asset-card{border:1px solid var(--line);background:var(--field);border-radius:13px;min-width:0;transition:transform .16s,border-color .16s;overflow:hidden}.asset-card:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));transform:translateY(-2px)}.asset-preview{width:100%;height:166px;color:var(--accent);box-sizing:border-box;background:#101211;place-items:center;padding:8px;display:grid;position:relative;overflow:hidden}.asset-preview>img,.asset-preview>video{object-fit:contain;object-position:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.asset-preview.compact{border-radius:7px;width:42px;height:42px;padding:3px}.asset-audio{background:radial-gradient(circle, var(--accent-soft), transparent 65%);place-items:center;width:100%;height:100%;display:grid}.asset-audio i{opacity:.35;background:repeating-linear-gradient(90deg, var(--accent) 0 2px, transparent 2px 6px);width:65%;height:22%;position:absolute;-webkit-mask:linear-gradient(#0000,#000 30% 70%,#0000);mask:linear-gradient(#0000,#000 30% 70%,#0000)}.asset-card-copy{gap:5px;padding:11px 11px 7px;display:grid}.asset-card-copy span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.asset-card-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.asset-card-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.asset-card-actions{grid-template-columns:1fr 38px;gap:6px;padding:4px 8px 9px;display:grid}.asset-card-actions button{border:1px solid var(--line);height:31px;color:var(--ink-soft);background:var(--surface);cursor:pointer;border-radius:8px;font-size:9px}.asset-card-actions button:hover{color:var(--accent);border-color:var(--accent)}.asset-empty{min-height:310px;color:var(--faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.asset-empty strong{color:var(--ink-soft);margin-top:13px;font-size:13px}.asset-empty p{margin:7px 0 0;font-size:9px}select:focus,input[type=number]:focus{border-color:var(--accent)}.duration-input{border:1px solid var(--line);background:var(--field);border-radius:9px;align-items:center;gap:10px;height:40px;padding:0 11px;display:flex}.duration-input input{min-width:0;accent-color:var(--accent)}.duration-input b{min-width:41px;color:var(--accent);font-size:10px;font-weight:680}.advanced-toggle{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:8px;margin-top:15px;padding:12px 1px 9px;font-size:10px;display:flex}.advanced-toggle svg:last-child{margin-left:auto;transition:transform .18s}.advanced-toggle svg.open{transform:rotate(180deg)}.advanced-panel{grid-template-columns:1fr 1fr;gap:11px;padding-top:4px;display:grid;overflow:hidden}.seed-input{grid-template-columns:1fr 40px;display:grid}.seed-input input{border-radius:9px 0 0 9px}.seed-input button{border:1px solid var(--line);color:var(--muted);background:var(--field);cursor:pointer;border-left:0;border-radius:0 9px 9px 0}.seed-input button:hover{color:var(--accent)}.inline-message{border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, transparent);border-radius:9px;align-items:center;gap:7px;margin-top:12px;padding:9px 11px;font-size:9.5px;display:flex}.inline-message.warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 28%, transparent);background:color-mix(in srgb, var(--warning) 7%, transparent)}.generate-button{width:100%;min-height:54px;color:var(--accent-ink);background:var(--accent);cursor:pointer;box-shadow:0 11px 24px color-mix(in srgb, var(--accent) 18%, transparent);border:0;border-radius:11px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin-top:16px;padding:0 17px;transition:transform .16s,background-color .16s;display:grid}.generate-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.generate-button:disabled{color:var(--ink-soft);background:color-mix(in srgb, var(--accent) 34%, var(--surface-soft));box-shadow:none;cursor:not-allowed;opacity:.72}.generate-button span{text-align:left;font-size:13px;font-weight:750}.generate-button small{font-size:8.5px;font-weight:620}.preview-panel{padding:17px;overflow:hidden}.preview-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:47px;padding:2px 4px 13px;display:flex}.preview-title{flex-direction:column;gap:4px;display:flex}.preview-title>span{font-size:12px;font-weight:680}.preview-title>small{color:var(--muted);font-size:9px}.job-state{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.job-elapsed{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9px}.job-status{color:var(--muted);background:var(--surface-soft);border-radius:8px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;display:inline-flex}.job-status i{background:var(--faint);border-radius:50%;width:6px;height:6px}.job-status.queued i,.job-status.running i{background:var(--accent);animation:1.3s ease-in-out infinite pulse}.job-status.reconnecting{color:var(--warning)}.job-status.reconnecting i{background:var(--warning);animation:.9s ease-in-out infinite pulse}.job-status.completed{color:var(--success)}.job-status.completed i{background:var(--success)}.job-status.error{color:var(--danger)}.job-status.error i{background:var(--danger)}.preview-viewport{background:#0e100f;border-radius:13px;place-items:center;width:100%;height:clamp(390px,39vw,610px);display:grid;position:relative;overflow:hidden}:root[data-theme=light] .preview-viewport{background:#e5e5df}.preview-frame{max-width:100%;max-height:100%;aspect-ratio:var(--preview-aspect,16 / 9);background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.preview-frame.landscape,.preview-frame.square{width:100%;height:auto}.preview-frame.portrait{width:auto;height:100%}.preview-frame video{object-fit:contain;object-position:center;background:#000;width:100%;height:100%}.empty-preview{width:100%;height:100%;color:var(--faint);text-align:center;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 38%), linear-gradient(145deg, transparent, #ffffff05);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.preview-play{border:1px solid var(--line-strong);width:62px;height:62px;color:var(--accent);background:var(--surface);border-radius:50%;place-items:center;margin-bottom:22px;display:grid}.empty-preview>.spin{color:var(--accent);margin-bottom:22px}.empty-preview strong{color:var(--ink-soft);font-size:14px;font-weight:620}.empty-preview p{color:var(--muted);margin:8px 0 0;font-size:10px}.preview-meta{border:1px solid var(--line);background:var(--line);border-radius:11px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:15px;display:grid;overflow:hidden}.preview-meta div{background:var(--surface);flex-direction:column;gap:5px;min-width:0;padding:12px;display:flex}.preview-meta span{color:var(--muted);font-size:8.5px}.preview-meta strong{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:630;overflow:hidden}.job-error{max-height:120px;color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, transparent);white-space:pre-wrap;border-radius:9px;margin:12px 0 0;padding:11px;font-size:9px;overflow:auto}.connection-notice svg{flex:none;animation:1.8s linear infinite spin}.preview-footer{justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:13px 4px 0;display:flex}.preview-footer p{max-width:460px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.download-button{color:var(--accent);background:var(--accent-soft);border-radius:9px;flex:none;align-items:center;gap:7px;padding:9px 12px;font-size:9.5px;font-weight:650;text-decoration:none;display:inline-flex}.history-workspace{grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);align-items:start;gap:20px;display:grid}.history-index,.history-viewer{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px}.history-index{padding:20px}.history-heading,.history-viewer-heading,.history-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.history-heading{border-bottom:1px solid var(--line);padding-bottom:17px}.history-heading>div{min-width:0}.history-heading span{color:var(--accent);letter-spacing:.16em;font-size:8px;font-weight:760}.history-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-size:20px}.history-heading p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.history-actions{align-items:center;gap:7px;display:flex}.history-heading button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:var(--field);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:grid}.history-heading button:hover{color:var(--accent);border-color:var(--accent)}.history-heading button.history-clear:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, var(--line));background:color-mix(in srgb, var(--danger) 7%, var(--field))}.history-heading button:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.history-list{gap:7px;max-height:680px;margin-top:13px;padding-right:3px;display:grid;overflow:auto}.history-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.history-item:hover{background:var(--surface-soft)}.history-item.active{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:var(--accent-soft)}.history-item-icon{width:36px;height:36px;color:var(--accent);background:var(--field);border-radius:9px;place-items:center;display:grid}.history-item-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.history-item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.history-item-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.history-item-time{color:var(--faint);white-space:nowrap;font-size:8px}.history-empty{min-height:280px;color:var(--faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.history-empty strong{color:var(--ink-soft);font-size:12px}.history-empty span{color:var(--muted);font-size:9px}.history-viewer{padding:17px}.history-viewer-heading{min-height:44px;padding:0 3px 12px}.history-viewer-heading>div{flex-direction:column;gap:4px;display:flex}.history-viewer-heading span{color:var(--ink-soft);font-size:11px;font-weight:680}.history-viewer-heading small{color:var(--muted);font-size:8.5px}.history-ready{background:color-mix(in srgb, var(--success) 8%, transparent);border-radius:8px;align-items:center;gap:7px;padding:6px 9px;display:inline-flex;color:var(--success)!important;font-size:8.5px!important}.history-ready i{background:var(--success);border-radius:50%;width:6px;height:6px}.history-player{background:#050606;border-radius:13px;place-items:center;height:clamp(390px,46vw,650px);display:grid;overflow:hidden}.history-player video{object-fit:contain;object-position:center;background:#050606;width:100%;height:100%}.history-player-empty{color:var(--faint);text-align:center;flex-direction:column;align-items:center;display:flex}.history-player-empty strong{color:var(--ink-soft);margin-top:13px;font-size:13px}.history-player-empty p{color:var(--muted);margin:6px 0 0;font-size:9px}.history-detail{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:14px;display:grid;overflow:hidden}.history-detail div{background:var(--surface);flex-direction:column;gap:5px;min-width:0;padding:11px;display:flex}.history-detail span{color:var(--muted);font-size:8px}.history-detail strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.history-footer{min-height:58px;padding:13px 4px 0}.history-footer p{max-width:480px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.32}}@keyframes signature-flow{to{background-position:-240% 0}}@media (prefers-reduced-motion:reduce){.brand-signature,.connection-notice svg{animation:none}}@media (width<=1190px){.workspace,.history-workspace{grid-template-columns:1fr}.preview-viewport{height:clamp(420px,65vw,680px)}}@media (width<=820px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:14px;position:relative}.brand{padding:0 3px 13px}.mode-nav{gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}.history-nav{margin-top:7px;padding-top:7px;display:flex;overflow-x:auto}.mode-button{grid-template-columns:30px 1fr;min-width:145px;min-height:54px;padding:8px}.mode-icon{width:30px;height:30px}.mode-copy small{display:none}.mode-marker{width:auto;height:2px;inset:auto 16px -1px}.sidebar-note{display:none}.main-stage{margin-left:0;padding:22px 14px 34px}.topbar{flex-direction:column;gap:15px;margin-bottom:20px}.header-actions{width:100%;padding-top:0;overflow-x:auto}.workspace{grid-template-columns:minmax(0,1fr)}.asset-upload-bar{grid-template-columns:1fr 1fr}}@media (width<=580px){.startup-shell{padding:20px}.startup-content{padding:44px 0}.startup-emblem{margin-bottom:30px}.startup-phases{gap:12px}.startup-phase{text-align:center;flex-direction:column;gap:6px}.startup-footer{align-items:flex-end;gap:12px}.startup-footer span:last-child{text-align:right}.title-block h1 small{margin-top:5px;display:block}.gpu-badge{display:none}.composer{padding:19px 16px}.input-deck.two-columns,.setting-row,.advanced-panel{grid-template-columns:1fr}.preview-panel{padding:11px}.preview-viewport{height:clamp(300px,105vw,560px)}.preview-meta{grid-template-columns:1fr 1fr}.preview-footer{flex-direction:column;align-items:flex-start}.asset-upload-bar{grid-template-columns:1fr}.history-index,.history-viewer{padding:14px}.history-player{height:clamp(300px,105vw,560px)}.history-detail{grid-template-columns:1fr 1fr}.history-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}