.studio-root{--bg:#0b0d13;--panel:#12151f;--panel-2:#171b28;--line:#232838;--text:#e9ecf5;--muted:#8e95ab;--accent:#e8b96a;--accent-2:#4fc3f7;--danger:#ff6b5a}*{box-sizing:border-box}.studio-root{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Inter,system-ui,sans-serif;font-size:14px;overflow:hidden}.app{grid-template-columns:300px 1fr;height:100vh;display:grid}.studio-root .sidebar{border-right:1px solid var(--line);background:linear-gradient(#10131c,#0b0d13);padding:22px 18px;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:26px;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px}.brand h1{letter-spacing:.5px;margin:0;font-size:16px}.brand span{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:11px;display:block}.studio-root .nav button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;margin-bottom:4px;padding:10px 12px;font-size:14px}.nav button.active{background:var(--panel-2);border-color:var(--line);color:var(--text)}.nav button:hover{color:var(--text)}.main{padding:28px 34px 60px;overflow-y:auto}h2{margin:0 0 4px;font-size:22px}.sub{color:var(--muted);margin:0 0 22px}.studio-root .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:18px;padding:20px}.card h3{margin:0 0 4px;font-size:15px}.card p.hint{color:var(--muted);margin:0 0 14px;font-size:12px}label{color:var(--muted);letter-spacing:.4px;margin:12px 0 6px;font-size:12px;display:block}.studio-root input,.studio-root select{border:1px solid var(--line);width:100%;color:var(--text);background:#0d1017;border-radius:9px;outline:none;padding:10px 12px;font-size:13px}input:focus,select:focus{border-color:var(--accent)}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.studio-root button.primary{background:var(--accent);color:#191204;cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:700}button.primary:disabled{opacity:.45;cursor:not-allowed}.studio-root button.ghost{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px}button.danger{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px}.studio-root .file-drop{border:1px dashed var(--line);text-align:center;cursor:pointer;background:#0d1017;border-radius:12px;padding:26px}.file-drop strong{margin-bottom:4px;display:block}.file-drop small{color:var(--muted)}.steps{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px;display:grid}.step{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px;font-size:11px}.step.active{border-color:var(--accent);color:var(--text)}.step.done{color:#3ecf8e;border-color:#3ecf8e}.bar{border:1px solid var(--line);background:#0d1017;border-radius:99px;height:6px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .25s}.studio-root .console{border:1px solid var(--line);color:#a9b4cc;white-space:pre-wrap;background:#07090e;border-radius:12px;height:240px;padding:14px;font-family:Consolas,Courier New,monospace;font-size:12px;overflow-y:auto}.console .err{color:var(--danger)}.console .ok{color:#3ecf8e}.badge{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:3px 9px;font-size:11px;display:inline-block}.badge.on{color:#3ecf8e;border-color:#3ecf8e55}.badge.off{color:var(--danger);border-color:#ff6b5a55}.scene-list{gap:8px;max-height:320px;display:grid;overflow-y:auto}.studio-root .scene{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:58px 1fr 110px;align-items:center;gap:12px;padding:10px 12px;display:grid}.scene .t{color:var(--muted);font-family:Consolas,monospace;font-size:11px}.scene .q{font-size:13px}.scene .m{color:var(--accent);text-align:right;font-size:11px}.srt{white-space:pre-wrap;color:#a9b4cc;max-height:360px;font-family:Consolas,monospace;font-size:12px;overflow-y:auto}.footer-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.templates{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tpl{border:1px solid var(--line);cursor:pointer;background:var(--panel-2);border-radius:12px;padding:14px}.tpl.sel{border-color:var(--accent)}.tpl b{margin-bottom:4px;font-size:13px;display:block}.tpl small{color:var(--muted);font-size:11px}.est-empty{color:var(--muted);font-size:13px}.est-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.est-big{font-size:30px;font-weight:800;line-height:1.1;display:block}.est-head small{color:var(--muted);font-size:12px}.badge.est-fast{color:#43d08d;background:#2dc88224}.badge.est-medium{color:#f0b93c;background:#f0b93c24}.badge.est-slow{color:#f06a6a;background:#f05a5a24}.est-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.est-item{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:12px}.est-item b{margin-bottom:3px;font-size:14px;display:block}.est-item small{color:var(--muted);font-size:11px}.est-split{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.est-split span{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:11px}.est-note{color:var(--muted);margin:12px 0 0;font-size:12px}.capgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:360px;padding-right:4px;display:grid;overflow-y:auto}.capcard{text-align:left;cursor:pointer;color:inherit;font:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.capcard:hover{border-color:#ffffff40}.capcard.sel{background:#4fc3f71f;border-color:#4fc3f7}.capprev{text-align:center;background:linear-gradient(150deg,#22262f,#0d1017 70%);border-radius:8px;justify-content:center;align-items:flex-end;height:62px;padding:8px;display:flex;overflow:hidden}.capcard b{font-size:13px}.capcard small{opacity:.6;font-size:11px}.update-banner{z-index:50;color:#d7f0b0;background:linear-gradient(90deg,#1d2a12,#16210e);border-bottom:1px solid #3d5a1e;align-items:center;gap:12px;padding:10px 18px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.update-banner b{color:#a8e05f}.update-banner .btn.small{padding:4px 12px;font-size:12px}.update-banner .btn.ghost{background:0 0;border:1px solid #3d5a1e;margin-left:auto}.studio-root .update-banner{z-index:50;color:#d7f0b0;background:linear-gradient(90deg,#1d2a12,#16210e);border-bottom:1px solid #3d5a1e;align-items:center;gap:12px;padding:10px 18px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.studio-root .update-banner b{color:#a8e05f}.studio-root .update-banner .btn.small{padding:4px 12px;font-size:12px}.studio-root .update-banner .btn.ghost{background:0 0;border:1px solid #3d5a1e;margin-left:auto}.studio-root .refgrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.studio-root .refitem{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;min-height:64px;display:flex;position:relative;overflow:hidden}.studio-root .refitem img{object-fit:cover;width:100%;height:78px;display:block}.studio-root .refitem .reffile{text-align:center;word-break:break-all;opacity:.85;padding:8px;font-size:11px}.studio-root .refitem button{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:6px;width:20px;height:20px;line-height:1;position:absolute;top:3px;right:3px}:root[data-theme=light] .studio-root{--bg:var(--studio-canvas);--panel:var(--studio-surface);--panel-2:var(--studio-surface-raised);--line:var(--studio-line);--text:var(--studio-text);--muted:var(--studio-muted);--accent:var(--studio-accent);--accent-2:var(--primary);--danger:var(--studio-danger)}:root[data-theme=light] .studio-root .sidebar{background:var(--panel)}:root[data-theme=light] .studio-root input,:root[data-theme=light] .studio-root select,:root[data-theme=light] .studio-root .file-drop,:root[data-theme=light] .studio-root .bar,:root[data-theme=light] .studio-root .console{background:var(--studio-field);color:var(--text)}:root[data-theme=light] .studio-root button.primary{color:var(--studio-canvas)}:root[data-theme=light] .studio-root .console,:root[data-theme=light] .studio-root .srt{color:var(--muted)}:root[data-theme=light] .studio-root .capcard,:root[data-theme=light] .studio-root .refitem{background:var(--panel-2);border-color:var(--line)}:root[data-theme=light] .studio-root .capprev{background:var(--studio-field)}:root[data-theme=light] .studio-root .capcard.sel{border-color:var(--accent);background:var(--panel)}:root[data-theme=light] .studio-root .studio-banner{background:var(--panel);color:var(--text);border-color:var(--line)}.studio-root .studio-banner{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.app{grid-template-columns:300px 1fr auto}.tool-page{max-width:820px}.tool-page .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tool-text{resize:vertical;background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:10px;padding:12px}.tool-log{color:var(--muted);margin-top:10px;font-size:13px}.tool-link{color:var(--accent);margin-top:8px;font-size:14px;display:inline-block}.seo-line{border:1px solid var(--line);cursor:pointer;border-radius:8px;margin:6px 0;padding:8px 10px;font-size:14px}.seo-line:hover{border-color:var(--accent)}.assist{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;width:340px;height:100vh;display:flex}.assist-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.assist-head button{color:var(--muted);cursor:pointer;background:0 0;border:0}.assist-body{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.assist-msg{white-space:pre-wrap;border-radius:12px;max-width:92%;padding:10px 12px;font-size:14px;line-height:1.5}.assist-msg.assistant{background:var(--panel-2);align-self:flex-start}.assist-msg.user{background:var(--accent);color:var(--bg);align-self:flex-end}.assist-input{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.assist-input textarea{resize:none;background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:10px;flex:1;padding:8px}.assist-fab{z-index:50;border-radius:999px;padding:12px 18px;position:fixed;bottom:18px;right:18px}@media (width<=1100px){.assist{z-index:60;width:min(100vw,380px);position:fixed;top:0;right:0}}@media (width<=700px){.tool-page .row{grid-template-columns:1fr}}@media (width<=820px){.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:auto;min-height:100vh}.studio-root .sidebar{border-right:0;border-bottom:1px solid var(--line);z-index:40;padding:10px 12px;position:sticky;top:0;overflow:visible}.studio-root .sidebar>:not(.nav):not(.brand){display:none}.brand{margin-bottom:8px}.studio-root .nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;display:flex;overflow-x:auto}.studio-root .nav::-webkit-scrollbar{display:none}.studio-root .nav button{white-space:nowrap;border-color:var(--line);flex:none;width:auto;margin:0;padding:8px 12px}.main{min-width:0;padding:16px 14px 90px;overflow:visible}.main *{min-width:0}.row,.tool-page .row,.est-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}.templates,.studio-root .refgrid{grid-template-columns:repeat(2,1fr)}.studio-root .studio-banner{padding:10px 12px;font-size:13px}.assist{width:100vw}.assist-fab{padding:10px 16px;bottom:12px;right:12px}}:root .studio-root{--bg:var(--studio-canvas);--panel:var(--studio-surface);--panel-2:var(--studio-surface-raised);--line:var(--studio-line);--text:var(--studio-text);--muted:var(--studio-muted);--accent:var(--studio-accent);--accent-2:var(--primary);--danger:var(--studio-danger);font-family:Manrope,system-ui,sans-serif}:root .studio-root .sidebar{background:var(--panel)}:root .studio-root :is(.card,.scene,.tpl,.est-item,.capcard,.refitem){box-shadow:var(--shadow-clay)}:root .studio-root :is(input,select,textarea,.file-drop,.console){background:var(--studio-field);color:var(--text);box-shadow:var(--shadow-clay-inset)}:root .studio-root button.primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-clay-control)}:root .studio-root :is(button.ghost,.nav button.active){background:var(--panel);box-shadow:var(--shadow-clay-control)}:root .studio-root :is(button.primary,button.ghost):active:not(:disabled){box-shadow:var(--shadow-clay-pressed);transform:translateY(1px)}:root .studio-root :is(.step.done,.console .ok,.badge.on){color:var(--success);border-color:var(--success)}:root .studio-root :is(.est-fast,.est-medium,.est-slow,.update-banner,.studio-banner){background:var(--panel-2);color:var(--text);border-color:var(--line)}:root .studio-root .bar>div{background:var(--primary)}:root .studio-root .console,:root .studio-root .srt{color:var(--muted)}.s12-hero{margin-bottom:18px}.s12-badge{letter-spacing:3px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:11px;display:inline-block;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff0f}.s12-title{letter-spacing:-1px;margin:14px 0 6px;font-size:40px;font-weight:800}.s12-modes{gap:8px;margin-bottom:14px;display:flex}.s12-modes button{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:99px;padding:9px 18px;font-size:13px}.s12-modes button.active{color:var(--text);border-color:var(--accent)}.s12-composer textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--line);resize:vertical;background:#0d1017;border-radius:14px;padding:16px;line-height:1.6;box-shadow:inset 0 2px 8px #00000073}.s12-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.s12-controls select{border-radius:99px;width:auto;padding:10px 16px}.s12-check{color:var(--text);align-items:center;gap:6px;margin:0;font-size:13px;display:inline-flex}.s12-check input{width:auto}.s12-spacer{flex:1}.s12-make{border-radius:99px!important;padding:12px 26px!important}.s12-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:18px;display:grid}.s12-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff0d}.s12-scene-label{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:700}.s12-narr{margin:8px 0 4px;font-size:14px;line-height:1.5}.s12-prompt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.s12-card video,.s12-card img{background:#000;border-radius:12px;width:100%;display:block}.s12-making{aspect-ratio:16/9;color:var(--muted);border:1px solid var(--line);background:#0d1017;border-radius:12px;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite s12pulse;display:flex;box-shadow:inset 0 2px 10px #00000080}@keyframes s12pulse{0%,to{opacity:.6}50%{opacity:1}}.s12-done{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.s12-done h3{margin:0}.s12-log summary{cursor:pointer;color:var(--muted);margin-bottom:8px;font-size:13px}@media (width<=720px){.s12-title{font-size:28px}.s12-grid{grid-template-columns:1fr}}.s12-prompts-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.s12-prompts-head button{border-radius:99px;padding:7px 14px;font-size:12px}.s12-avatars{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.s12-avatars-head{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.s12-avatars-head button{border-radius:99px;padding:6px 14px;font-size:12px}.s12-avatar-row{flex-wrap:wrap;gap:10px;display:flex}.s12-avatar{background:var(--panel-2);border:2px solid var(--line);cursor:pointer;width:92px;color:var(--muted);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:11px;display:flex}.s12-avatar.sel{border-color:var(--accent);color:var(--text)}.s12-avatar img{object-fit:cover;border-radius:10px;width:64px;height:64px}.s12-avatar-none{background:#0d1017;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.s12-avatar-form{margin-top:12px}.s12-avatar-form textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--line);resize:vertical;background:#0d1017;border-radius:12px;padding:12px}