:root{--bg:#15171c;--panel:#1f2229;--panel-2:#282c35;--line:#343946;--text:#e8eaef;--muted:#9aa1b0;--accent:#5ab0ff;--ok:#4cc38a;--err:#ff6b6b;--warn:#f5b84a;--chat-w:380px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}.bar{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:10px;height:48px;padding:0 12px;display:flex;position:fixed;inset:0 0 auto}.scene-name{font-size:15px}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.status{background:var(--warn);border-radius:50%;flex:none;width:10px;height:10px}.status[data-state=on]{background:var(--ok)}.status[data-state=off]{background:var(--err)}.btn{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 10px}.btn:hover{border-color:var(--accent)}.btn.active{background:var(--accent);color:#0b1220;border-color:var(--accent)}.btn.primary{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600}.btn.danger:hover{border-color:var(--err);color:var(--err)}.btn:disabled{opacity:.5;cursor:default}.stage{position:fixed;inset:48px 0 0}body.chat-open .stage{right:var(--chat-w)}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.tools{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.tools>*{pointer-events:auto}.sep{width:8px}.selection{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 10px;display:flex;position:absolute;bottom:12px;left:12px}.selection input[type=color]{background:0 0;border:none;width:36px;height:30px;padding:0}.toast{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;max-width:360px;padding:8px 12px;position:absolute;bottom:12px;right:12px}.chat{width:var(--chat-w);z-index:4;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;display:none;position:fixed;top:48px;bottom:0;right:0}body.chat-open .chat{display:flex}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.chat-log{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-hint{color:var(--muted)}.msg{overflow-wrap:anywhere;border-radius:10px;max-width:92%;padding:8px 10px}.msg p{white-space:pre-wrap;margin:0 0 6px}.msg p:last-child{margin-bottom:0}.msg-user{white-space:pre-wrap;background:#2b4a6b;align-self:flex-end}.msg-assistant{background:var(--panel-2);align-self:flex-start}.msg-error{color:var(--err)}.msg-warning{color:var(--warn)}.chip{border:1px solid var(--line);border-radius:99px;margin:2px 4px 2px 0;padding:2px 8px;font-size:12px;display:inline-block}.chip-busy{color:var(--warn)}.chip-done{color:var(--ok)}.chip-error{color:var(--err)}.thinking{color:var(--muted);animation:1.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}.chat-examples{flex-wrap:wrap;gap:6px;padding:0 12px 8px;display:flex}.chat-examples button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:99px;padding:3px 10px}.chat-form{gap:8px;padding:0 12px 12px;display:flex}.chat-form textarea{resize:none;background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:1;padding:8px}.chat .no-chat-note,.chat #sources{margin:0 0 8px;padding:0 12px}.chat .no-chat-note{display:none}.chat.no-chat .no-chat-note{display:block}.chat.no-chat .chat-form,.chat.no-chat .chat-examples{display:none}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;max-width:min(560px,100vw - 32px)}dialog::backdrop{background:#0000008c}dialog h2{margin-top:0;font-size:18px}dialog input{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:8px}.code{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;padding:8px;font-size:12px;display:block}.row{gap:8px;display:flex}@media (width<=760px){:root{--chat-w:100%}body.chat-open .stage{bottom:55vh;right:0}.chat{border-left:none;border-top:1px solid var(--line);width:100%;height:55vh;top:auto}.tools .sep,.bar #count{display:none}}