:root{--bg: #0e1116;--bg-2: #12161d;--panel: #161b23;--panel-2: #1b222c;--border: #232c38;--border-2: #2e3947;--text: #dbe2ea;--text-dim: #8a96a5;--text-faint: #5c6774;--accent: #4f9cf9;--accent-2: #2dd4bf;--danger: #f06a6a;--ok: #4ade80;--radius: 10px;--shadow: 0 8px 30px rgba(0, 0, 0, .45);font-size:14px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif}#app{display:flex;flex-direction:column;height:100vh}.spacer{flex:1}#topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);z-index:10}.brand{display:flex;align-items:center;gap:9px}.brand-mark{display:flex}.brand-name{font-weight:700;font-size:15px;letter-spacing:.2px}.brand-sub{color:var(--text-dim);font-size:12px;margin-left:2px}.mcp-chip{border:1px solid var(--border-2);background:var(--bg-2);color:var(--text-dim);font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer;transition:border-color .15s,color .15s}.mcp-chip.native{border-color:#2dd4bf80;color:var(--accent, var(--accent, var(--accent)));color:var(--accent, var(--accent2, #2dd4bf))}.mcp-chip:hover{border-color:var(--accent, var(--accent, #4f9cf9));border-color:#4f9cf9;color:var(--text)}.topbar-actions{display:flex;gap:8px}.btn{appearance:none;border:1px solid var(--border-2);background:var(--bg-2);color:var(--text);font-size:13px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn:hover{background:#1c2430;border-color:#3a4757}.btn:active{transform:translateY(1px)}.btn-small{font-size:12px;padding:4px 9px}.btn-accent,.btn.accent{background:#1d3a5f;border-color:#2f5f97}.btn-accent:hover,.btn.accent:hover{background:#234a7c}.btn-danger,.btn.danger{color:#ff9d9d;border-color:#5a3030}.btn-danger:hover,.btn.danger:hover{background:#3a2020}.btn.active{border-color:var(--accent, #4f9cf9);color:#9cc7ff;background:#17253a}.input{background:var(--bg-2);border:1px solid var(--border-2);color:var(--text);border-radius:7px;padding:5px 8px;font-size:12.5px;width:100%;box-sizing:border-box}.input:focus{outline:none;border-color:#4f9cf9}.input.num{width:100%}.input.color{padding:2px;height:28px;width:100%;cursor:pointer}.input.select{cursor:pointer}.input.textarea{resize:vertical;font-family:ui-monospace,Consolas,monospace}.mono{font-family:ui-monospace,Consolas,Cascadia Mono,monospace}.slider{width:100%;accent-color:#4f9cf9}.slider-row{display:flex;align-items:center;gap:8px;margin:4px 0}.slider-label{font-size:11.5px;color:var(--text-dim);width:74px;flex:none}.slider-val{font-size:11px;color:var(--text-faint);width:34px;text-align:right;flex:none}#main{flex:1;display:flex;min-height:0}#viewport{position:relative;flex:1;min-width:0;overflow:hidden}.viewport-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#viewport.bg-studio{background:radial-gradient(1200px 800px at 50% 38%,#39434f,#1b222b 60%,#0e1218)}#viewport.bg-dark{background:linear-gradient(180deg,#0b0d10,#141a22)}#viewport.bg-light{background:linear-gradient(180deg,#f0f3f6,#ccd4dc)}#viewport.bg-sunset{background:linear-gradient(180deg,#3b2546,#8a4a5e 55%,#e2926c)}#viewport.bg-transparent{background:linear-gradient(45deg,#1a2029 25%,transparent 25%,transparent 75%,#1a2029 75%),linear-gradient(45deg,#1a2029 25%,#141920 25% 75%,#1a2029 75%);background-size:24px 24px;background-position:0 0,12px 12px}.hud{position:absolute;display:flex;gap:6px;align-items:center;z-index:5;pointer-events:none}.hud .btn,.hud .btn-group{pointer-events:auto}.hud-topleft{top:12px;left:14px;font-size:12px;color:var(--text-dim);background:#0d1117b8;border:1px solid var(--border);padding:5px 11px;border-radius:999px;backdrop-filter:blur(6px)}.hud-topleft.active{color:#9cc7ff;border-color:#2b4a75}.hud-topright{top:12px;right:14px}.hud-bottomright{bottom:12px;right:14px}.btn-group{display:inline-flex;gap:4px;background:#0d1117b8;border:1px solid var(--border);border-radius:9px;padding:3px;backdrop-filter:blur(6px)}.btn-group .btn{border:none;background:transparent}.btn-group .btn:hover{background:#1d2632}.btn-group .btn.active{background:#17253a;color:#9cc7ff}#inspector{width:318px;flex:none;overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#2c3644 transparent}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.panel-title{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:8px}.panel-badge{background:#202a37;color:var(--text-dim);border-radius:999px;font-size:10.5px;padding:1px 8px}.panel-body{display:flex;flex-direction:column;gap:8px}.model-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;scrollbar-width:thin}.model-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s}.model-row:hover{background:#1b2330}.model-row.selected{background:#17253a;border-color:#2b4a75}.model-dot{width:10px;height:10px;border-radius:3px;flex:none;border:1px solid rgba(255,255,255,.18)}.model-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.model-kind{color:var(--text-faint);font-size:11px;flex:none}.icon-btn{appearance:none;border:none;background:transparent;color:var(--text-faint);font-size:14px;line-height:1;padding:3px 5px;border-radius:6px;cursor:pointer;flex:none}.icon-btn:hover{background:#232e3c;color:var(--text)}.icon-btn.off{color:#4a5563}.icon-btn.danger:hover{color:#ff9d9d;background:#33212a}.empty-note{color:var(--text-faint);font-size:12.5px;padding:6px 2px;line-height:1.5}.field-row{display:flex;align-items:center;gap:8px}.field-inline{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.field-label{font-size:11px;color:var(--text-dim)}.transform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.props-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;align-items:center}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.sub-label{font-size:11px;color:var(--text-dim);margin:2px 0 4px}.checks{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0}.check-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);cursor:pointer}.check-label input{accent-color:#4f9cf9}.adv{border-top:1px dashed var(--border-2);padding-top:6px;margin-top:4px}.adv summary{cursor:pointer;font-size:12px;color:var(--text-dim);user-select:none}.adv summary:hover{color:var(--text)}.adv .props-grid{margin:8px 0 4px}.action-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.action-row .btn{flex:none}.add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btn-add{font-size:12px;padding:6px 4px;text-align:center}#activitybar{flex:none;background:var(--panel);border-top:1px solid var(--border);display:flex;flex-direction:column;max-height:40px;transition:max-height .18s ease;overflow:hidden;z-index:10}#activitybar.open{max-height:240px}.activity-head{display:flex;align-items:center;gap:12px;padding:8px 14px;cursor:pointer;user-select:none;flex:none}.activity-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.activity-last{font-size:12px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.activity-last.err{color:#ff9d9d}.activity-count{font-size:11px;color:var(--text-dim);background:#202a37;border-radius:999px;padding:1px 8px}.activity-chevron{font-size:10px;color:var(--text-faint)}.activity-list{overflow-y:auto;padding:2px 14px 10px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.log-line{display:flex;gap:10px;font-size:12px;font-family:ui-monospace,Consolas,monospace;padding:2.5px 4px;border-radius:6px;align-items:baseline;min-width:0}.log-line:hover{background:#1a2230}.log-line.call .log-tool{color:#7fb3ff}.log-line.result.ok .log-tool{color:#4ade80}.log-line.result.fail .log-tool{color:#ff8484}.log-time{color:var(--text-faint);flex:none}.log-tool{flex:none}.log-args{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#05080c9e;display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .14s ease}.modal-box{background:var(--panel);border:1px solid var(--border-2);border-radius:14px;width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 60px);display:flex;flex-direction:column;box-shadow:var(--shadow, var(--shadow)),var(--shadow);box-shadow:0 20px 60px #00000080;animation:pop-in .16s ease}.modal-box.wide{width:min(860px,calc(100vw - 40px))}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--border);flex:none}.modal-title{margin:0;font-size:16px}.modal-body{padding:16px 18px;overflow-y:auto;scrollbar-width:thin}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.gallery-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.gallery-img{width:100%;aspect-ratio:1;object-fit:cover;background:#0b0e13}.gallery-meta{display:flex;align-items:baseline;gap:8px;padding:8px 10px 2px}.gallery-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.gallery-dims{font-size:11px;color:var(--text-faint);flex:none}.gallery-card .action-row{padding:6px 10px 10px}.help-lead{margin:0 0 14px;color:var(--text-dim);line-height:1.55}.help-block{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:12px;background:var(--bg-2)}.help-block h3{margin:0 0 8px;font-size:13.5px}.help-steps{margin:0;padding-left:20px;color:var(--text-dim);font-size:13px;line-height:1.6;display:flex;flex-direction:column;gap:4px}.help-note{color:var(--text-faint);font-size:12.5px;line-height:1.5;margin:8px 0 0}.help-block .input{margin-bottom:8px}.help-block .btn{margin-bottom:4px}.console-out{background:#0b0e13;border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12px;font-family:ui-monospace,Consolas,monospace;color:#9fd6a8;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin-top:6px}.tool-table{display:flex;flex-direction:column;gap:6px}.tool-row{display:flex;gap:10px;align-items:baseline;padding:4px 0;border-bottom:1px dashed var(--border)}.tool-row:last-child{border-bottom:none}.tool-name{color:#7fb3ff;font-size:12px;flex:none;width:150px}.tool-desc{color:var(--text-dim);font-size:12.5px;line-height:1.45}.welcome-scrim{position:fixed;inset:0;background:radial-gradient(1000px 700px at 50% 30%,#26344a8c,#06090deb);display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .2s ease}.welcome-card{background:var(--panel);border:1px solid var(--border-2);border-radius:18px;padding:36px 42px;width:min(480px,calc(100vw - 40px));text-align:center;box-shadow:0 30px 80px #0000008c;animation:pop-in .22s ease}.welcome-mark{margin-bottom:10px}.welcome-title{margin:0 0 6px;font-size:26px;letter-spacing:.4px}.welcome-sub{margin:0 0 16px;color:var(--text-dim);font-size:14px}.welcome-list{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;color:var(--text-dim);font-size:13px}.welcome-list li:before{content:"◆ ";color:var(--accent, #4f9cf9);color:#4f9cf9;font-size:9px;vertical-align:2px}.welcome-actions{display:flex;gap:10px;justify-content:center}.toast{position:fixed;top:54px;left:50%;transform:translate(-50%,-8px);background:#1a2330;border:1px solid var(--border-2);color:var(--text);padding:8px 16px;border-radius:999px;font-size:12.5px;opacity:0;transition:opacity .18s,transform .18s;z-index:200;pointer-events:none;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}.toast-error{border-color:#6b3131;color:#ffb1b1}.toast-success{border-color:#2c5a45;color:#9fe8c0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}@media(max-width:860px){#inspector{width:270px}.brand-sub{display:none}}.live-card{position:fixed;left:14px;bottom:52px;z-index:60;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#12171eeb;border:1px solid #232b36;border-radius:10px;font:12px/1.4 system-ui,sans-serif;color:#8a96a5;backdrop-filter:blur(6px)}.live-card.is-live{border-color:#2f6b3a}.live-toggle{display:flex;align-items:center;gap:7px;background:none;border:none;color:#aeb9c6;font:inherit;cursor:pointer;padding:2px 4px}.live-toggle:hover .live-label{color:#dbe2ea}.live-dot{width:8px;height:8px;border-radius:50%;background:#3a4450;flex:0 0 auto}.live-dot.on{background:#46d47e;box-shadow:0 0 6px #46d47e88}.live-state{color:#5c6774}.live-actions{display:flex;gap:6px;margin-left:8px}.live-actions button{border:1px solid #2a333f;background:#161c23;color:#aeb9c6;font:11.5px/1 system-ui;padding:5px 8px;border-radius:6px;cursor:pointer}.live-actions button:hover:not(:disabled){border-color:#3d4a58;color:#dbe2ea}.live-actions button:disabled{opacity:.4;cursor:default}