:root{--bg: #05060f;--bg-panel: #0a0c1a;--ink: #e8ecff;--ink-dim: #8b93b8;--muted: #5b6488;--accent: #7aa2ff;--accent-warm: #ffd37a;--line: #1b2140;--ok: #58e6a6;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:linear-gradient(180deg,#0b0e22,#070812);border-bottom:1px solid var(--line);flex-wrap:wrap}#brand{margin:0;font-size:18px;font-weight:700;letter-spacing:.3px;color:var(--ink);white-space:nowrap}#brand:first-letter{color:var(--accent-warm)}#prompt-group{display:flex;gap:8px;flex:1;min-width:220px;align-items:center}#prompt{flex:1;min-width:120px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#0c1024;color:var(--ink);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}#prompt:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7aa2ff2e}#prompt:disabled{opacity:.55;cursor:not-allowed}button{padding:9px 16px;border-radius:10px;border:1px solid transparent;background:var(--accent);color:#06102b;font-weight:650;font-size:14px;cursor:pointer;transition:transform .08s,filter .15s,opacity .15s;white-space:nowrap}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}#replay{background:#141a38;color:var(--ink);border:1px solid var(--line)}#generate.skip{background:var(--accent-warm);color:#2a1e04}select{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#0c1024;color:var(--ink);font-size:14px;cursor:pointer}#mode-note{flex-basis:100%;font-size:12.5px;color:var(--accent-warm);background:#ffd37a14;border:1px solid rgba(255,211,122,.22);padding:6px 10px;border-radius:8px}#stage{position:relative;flex:1;min-height:0}#canvas{display:block;width:100%;height:100%}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#05060f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:15px;color:var(--ink-dim);z-index:5}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#model-gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#05060fb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.gate-card{width:100%;max-width:440px;text-align:center;background:linear-gradient(180deg,#0d1130,#090b1c);border:1px solid var(--line);border-radius:16px;padding:34px 30px;box-shadow:0 24px 70px #0000008c}.gate-icon{font-size:34px;color:var(--accent-warm);line-height:1}.gate-card h2{margin:12px 0 10px;font-size:20px;font-weight:700;color:var(--ink)}.gate-card p{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--ink)}.gate-note{display:block;margin-top:12px;font-size:12.5px;color:var(--muted)}#download-model{width:100%;padding:13px 22px;font-size:15px}#gate-progress{margin-top:4px}.gate-bar{height:10px;background:#7aa2ff1f;border-radius:6px;overflow:hidden}#gate-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-warm));border-radius:6px;transition:width .2s ease}#gate-pct{margin-top:11px;font-size:13px;color:var(--ink-dim)}#gate-error{margin:14px 0 0;font-size:13px;color:#ff9db1}#caption{padding:10px 18px;font-size:19px;font-weight:500;letter-spacing:.2px;border-top:1px solid var(--line);background:#070812;min-height:22px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}#caption-text{color:var(--ink)}#caption-text .tok{border-radius:5px;padding:1px 2px;cursor:pointer;transition:background .12s,color .12s}#caption-text .tok:hover{background:#7aa2ff29}#caption-text .tok-active{background:#ffd37a3d;color:var(--accent-warm);box-shadow:0 0 0 1px #ffd37a8c;font-weight:650}#cursor{color:var(--accent);animation:blink 1s steps(2,start) infinite}@keyframes blink{to{opacity:0}}#controls{display:flex;align-items:center;gap:16px;padding:9px 16px;background:linear-gradient(0deg,#0b0e22,#070812);border-top:1px solid var(--line);flex-wrap:wrap}#layer-group{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:550;color:var(--ink);background:#7aa2ff12;border:1px solid rgba(122,162,255,.18);padding:6px 14px;border-radius:10px}#layer-group label{white-space:nowrap}#layer{accent-color:var(--accent);width:190px;height:6px;cursor:pointer}#layer-value{color:var(--accent);font-weight:700}#layer-descriptor{color:var(--ink-dim);font-size:13px;white-space:nowrap}#layer:disabled{opacity:.4;cursor:not-allowed}#toggles{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:550;color:var(--ink-dim);background:#7aa2ff12;border:1px solid rgba(122,162,255,.18);padding:6px 12px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .12s,border-color .12s}.toggle:hover{color:var(--ink);border-color:#7aa2ff57}.toggle input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.toggle:has(input:checked){color:var(--ink);border-color:var(--accent);background:#7aa2ff24}.muted{color:var(--muted);font-size:13px}#status{margin-left:auto;color:#c3ccee;font-size:14px;font-weight:550}@media (max-width: 760px){#topbar{padding:8px 12px;gap:8px}#brand{font-size:15px}#prompt-group{min-width:150px}#prompt{font-size:14px;padding:8px 10px}button{padding:8px 13px;font-size:13.5px}#caption{font-size:16px;padding:8px 14px}#controls{gap:8px;padding:8px 12px}#layer-group,.toggle{padding:5px 10px;font-size:12.5px}#layer{width:120px}#layer-descriptor{display:none}#status{margin-left:0;flex-basis:100%;font-size:12.5px}}