:root{color-scheme:dark;--bg:#0b0c10;--panel:#111318;--panel2:#161920;--line:#252932;--text:#f5f7fb;--muted:#8e96a6;--accent:#c7ff5e;--accent2:#9bf04d;--danger:#ff7e7e;--radius:20px;--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 12% -10%,rgba(199,255,94,.09),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}.shell{max-width:1420px;margin:0 auto;padding:48px 28px 24px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow,.step{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin:0 0 9px}.topbar h1{font-size:clamp(34px,4.8vw,68px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:780}.mobile-break{display:none}.status-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(17,19,24,.8);padding:10px 13px;border-radius:999px;font-size:12px;color:#cbd1dc;white-space:nowrap}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:18px;align-items:start}.panel{background:linear-gradient(180deg,rgba(18,20,26,.98),rgba(14,16,20,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.input-panel{padding:26px}.result-panel{min-height:720px}.result-sticky{position:sticky;top:18px;padding:26px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head.compact{margin-top:30px}.section-head>div{display:flex;align-items:baseline;gap:10px}.section-head h2{margin:0;font-size:19px;letter-spacing:-.025em}.step{margin:0}.subtle{font-size:12px;color:var(--muted)}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.model-card,.template,.chip,.ghost,.copy-btn{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;transition:.16s ease}.model-card{padding:14px 13px;text-align:left;border-radius:14px;min-height:76px}.model-card strong{display:block;font-size:15px;margin-bottom:5px}.model-card span{font-size:11px;color:var(--muted);line-height:1.25}.model-card.active,.template.active,.chip.active{border-color:rgba(199,255,94,.72);box-shadow:inset 0 0 0 1px rgba(199,255,94,.16);background:rgba(199,255,94,.07)}.model-card.active strong,.template.active strong{color:var(--accent)}.mode-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.chip{border-radius:999px;padding:8px 12px;font-size:12px}.field{display:block}.field>span{display:block;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#aab1bf;margin-bottom:8px}.field textarea,.field select{width:100%;border:1px solid var(--line);background:#0d0f13;color:var(--text);border-radius:13px;padding:12px 13px;font:inherit;font-size:14px;outline:none;resize:vertical}.large-field textarea{min-height:150px;font-size:16px;line-height:1.55;padding:16px}.field textarea:focus,.field select:focus{border-color:rgba(199,255,94,.58);box-shadow:0 0 0 3px rgba(199,255,94,.06)}.row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.duration-wrap{display:flex;align-items:center;gap:12px;height:42px;border:1px solid var(--line);background:#0d0f13;border-radius:13px;padding:0 12px}.duration-wrap input{width:100%;accent-color:var(--accent)}.duration-wrap output{font-variant-numeric:tabular-nums;font-size:13px;color:var(--accent);min-width:30px}.drop-zone{border:1px dashed #3a404c;border-radius:16px;min-height:92px;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(255,255,255,.015);cursor:pointer;transition:.16s}.drop-zone:hover,.drop-zone.drag{border-color:var(--accent);background:rgba(199,255,94,.04)}.drop-icon{font-size:28px;color:var(--accent);font-weight:300}.drop-zone strong{display:block;font-size:14px}.drop-zone span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.asset-list{display:grid;gap:8px;margin-top:10px}.asset-card{display:grid;grid-template-columns:48px minmax(0,1fr) 130px 34px;gap:9px;align-items:center;border:1px solid var(--line);background:#0d0f13;border-radius:13px;padding:8px}.asset-thumb{width:48px;height:48px;border-radius:9px;object-fit:cover;background:#1d2027}.asset-icon{width:48px;height:48px;border-radius:9px;display:grid;place-items:center;background:#1d2027;color:var(--accent);font-size:11px;font-weight:800}.asset-info input,.asset-card select{width:100%;border:0;background:transparent;color:var(--text);font:inherit;font-size:12px;outline:none}.asset-info input:first-child{font-weight:700;margin-bottom:3px}.asset-info input:last-child{color:var(--muted)}.asset-card select{border-left:1px solid var(--line);padding-left:8px}.remove{border:0;background:transparent;color:#737b8a;font-size:20px;cursor:pointer}.remove:hover{color:var(--danger)}.asset-actions{display:flex;gap:8px;margin-top:10px}.ghost{border-radius:10px;padding:9px 12px;font-size:12px}.ghost:hover{border-color:#4a5260}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template{border-radius:13px;padding:12px;text-align:left;min-height:67px}.template strong{display:block;font-size:13px;margin-bottom:4px}.template span{font-size:10px;line-height:1.3;color:var(--muted)}.advanced{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0}.advanced summary{cursor:pointer;padding:14px 2px;font-size:13px;font-weight:700;color:#c8ced9}.advanced-body{display:grid;gap:14px;padding:4px 0 17px}.toggle-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.toggle-line strong,.toggle-line small{display:block}.toggle-line small{font-size:11px;color:var(--muted);margin-top:3px}.toggle-line input{display:none}.toggle-line i{width:42px;height:24px;background:#2b3039;border-radius:999px;position:relative;transition:.2s}.toggle-line i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#8d96a5;top:3px;left:3px;transition:.2s}.toggle-line input:checked+i{background:rgba(199,255,94,.28)}.toggle-line input:checked+i:after{left:21px;background:var(--accent)}.generate{margin-top:18px;width:100%;height:56px;border:0;border-radius:15px;background:var(--accent);color:#10130b;font:inherit;font-size:15px;font-weight:850;display:flex;justify-content:center;align-items:center;gap:16px;cursor:pointer;transition:.16s}.generate:hover{background:#d5ff82;transform:translateY(-1px)}.generate:disabled{opacity:.58;cursor:wait;transform:none}.generate kbd{font:inherit;font-size:10px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.12)}.copy-btn{border-radius:10px;padding:8px 11px;font-size:12px}.copy-btn:disabled{opacity:.35;cursor:default}.empty-state,.loading-state{height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.orb{width:96px;height:96px;border-radius:50%;margin-bottom:18px;background:radial-gradient(circle at 36% 30%,#dfff9b 0 8%,#7c9e3d 24%,#1d2614 55%,#0d0f0b 72%);box-shadow:0 0 70px rgba(199,255,94,.12),inset -12px -18px 30px rgba(0,0,0,.6)}.scanner{width:160px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 1.2s ease-in-out infinite;margin-bottom:24px}@keyframes scan{0%,100%{transform:translateX(-45px);opacity:.25}50%{transform:translateX(45px);opacity:1}}.hidden{display:none!important}.result-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.result-meta span{font-size:10px;color:#bfc6d1;border:1px solid var(--line);padding:5px 8px;border-radius:999px}.result-state pre{margin:0;white-space:pre-wrap;word-break:break-word;font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#e7ebf2;background:#0b0d10;border:1px solid var(--line);border-radius:14px;padding:18px;max-height:620px;overflow:auto}.notes{display:grid;gap:6px;margin-top:12px}.note{font-size:11px;color:var(--muted);padding:8px 10px;border-left:2px solid #39404b;background:rgba(255,255,255,.018)}.compact-box{margin-top:12px}.compact-box summary{cursor:pointer;font-size:12px;color:#b8bfcb;padding:8px 0}.compact-box pre{max-height:220px}.error{color:#ff9e9e}.result-panel.flash{animation:flash .5s ease}@keyframes flash{0%{box-shadow:0 0 0 0 rgba(199,255,94,.25)}100%{box-shadow:var(--shadow)}}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 4px 0;color:#697181;font-size:10px;letter-spacing:.04em}@media(max-width:980px){.workspace{grid-template-columns:1fr}.result-panel{min-height:0}.result-sticky{position:relative;top:0}.empty-state,.loading-state{height:340px}.model-grid{grid-template-columns:repeat(2,1fr)}.result-state pre{max-height:none}}@media(max-width:620px){.shell{padding:28px 14px 18px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:42px}.mobile-break{display:block}.workspace{gap:12px}.input-panel,.result-sticky{padding:18px}.model-grid{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr 1fr}.row.two{grid-template-columns:1fr}.asset-card{grid-template-columns:42px minmax(0,1fr) 34px}.asset-thumb,.asset-icon{width:42px;height:42px}.asset-card select{grid-column:2/3;border-left:0;border-top:1px solid var(--line);padding:7px 0 0}.asset-card .remove{grid-column:3;grid-row:1/3}.status-pill{display:none}footer{flex-direction:column}.result-state pre{font-size:12px;padding:14px}}