:root{color-scheme:dark;--bg: #0e1014;--panel: #161a21;--line: #262c36;--text: #e6e9ef;--dim: #8b93a1;--accent: #6aa2ff;--warn: #e0a355}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.55 ui-sans-serif,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}header{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:600;letter-spacing:.02em}.grow{flex:1}header label{color:var(--dim);display:flex;align-items:center;gap:6px}input,textarea,select,button{font:inherit;color:var(--text);background:#10141a;border:1px solid var(--line);border-radius:6px;padding:4px 8px}button{cursor:pointer}button:hover{border-color:var(--accent)}.pill{padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--dim);font-size:12px}main{display:grid;grid-template-columns:260px 1fr 320px;height:calc(100% - 41px)}.panel{overflow:auto;border-right:1px solid var(--line);padding:10px 12px}#inspector{border-right:none;border-left:1px solid var(--line)}h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:14px 0 8px;font-weight:600}h2:first-child{margin-top:2px}.node{padding:3px 6px;border-radius:5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node:hover{background:#1d232c}.node.sel{background:#24405f}.node .kind{color:var(--dim);font-size:11px;margin-left:6px}#viewport{padding:0;position:relative;overflow:hidden}#canvas{display:block;width:100%;height:100%}.hint{position:absolute;left:12px;bottom:10px;color:var(--dim);font-size:11px;background:#0e1014b3;padding:4px 8px;border-radius:6px}.field{display:grid;grid-template-columns:88px 1fr;gap:6px;align-items:center;margin-bottom:6px}.field label{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis}.field input,.field select{width:100%}.vec{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#scriptBody{width:100%;height:150px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}#scriptPick{width:100%;margin-bottom:6px}#scriptSave{margin-top:6px}.log{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--dim)}.log div{padding:1px 0;word-break:break-all}.log .warn{color:var(--warn)}