*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #090c0f;--surface: #0f1318;--surface2: #161c23;--border: #232c38;--accent: #f5a623;--accent-dim: rgba(245,166,35,.12);--accent2: #4fb8ff;--text: #cdd8e6;--text-dim: #4e6070;--danger: #d94f4f;--success: #3db87a;--mono: "Share Tech Mono", monospace;--sans: "Rajdhani", sans-serif;--left-w: 240px;--right-w: 300px}html,body{height:100%;overflow:hidden}canvas{touch-action:none}*{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--sans);display:grid;grid-template-rows:44px 1fr;grid-template-columns:var(--left-w) 1fr var(--right-w);transition:grid-template-columns .25s ease}@media (max-width: 900px){:root{--left-w: 200px;--right-w: 0px}.right-panel{display:none}}@media (max-width: 600px){:root{--left-w: 0px;--right-w: 0px}.sidebar,.right-panel{display:none}}@media (hover: none){.lib-btn{padding:12px 6px}.tree-btn{padding:10px}.zbtn{width:40px;height:40px;font-size:20px}.drawer-tog{width:24px;height:64px}.sidebar .drawer-tog{right:-25px}.right-panel .drawer-tog{left:-25px}input[type=number],input[type=text]{font-size:16px}}header{grid-column:1 / -1;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:18px;z-index:10}.logo{font-family:var(--mono);font-size:13px;color:var(--accent);letter-spacing:5px;text-transform:uppercase}.logo em{color:var(--text-dim);font-style:normal}.header-sep{width:1px;height:20px;background:var(--border)}.header-meta{font-family:var(--mono);font-size:10px;color:var(--text-dim);letter-spacing:2px}.header-stats{margin-left:auto;display:flex;gap:20px;font-family:var(--mono);font-size:10px}.hstat{color:var(--text-dim)}.hstat b{color:var(--accent2);font-weight:400}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .25s ease;min-width:0}.right-panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .25s ease;min-width:0}.panel-inner{display:flex;flex-direction:column;flex:1;overflow-y:auto;transition:opacity .2s}.sidebar .panel-inner{min-width:240px}.right-panel .panel-inner{min-width:300px}.sidebar.collapsed .panel-inner,.right-panel.collapsed .panel-inner{opacity:0;pointer-events:none}.drawer-tog{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:52px;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;z-index:20;transition:all .15s;border-radius:2px;font-family:var(--mono)}.drawer-tog:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.sidebar .drawer-tog{right:-19px;border-left:none;border-radius:0 3px 3px 0}.right-panel .drawer-tog{left:-19px;border-right:none;border-radius:3px 0 0 3px}.panel-hdr{padding:10px 14px;font-family:var(--mono);font-size:9px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--surface2);flex-shrink:0}.section{padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sec-label{font-size:9px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-family:var(--mono);margin-bottom:9px}.accord{border-bottom:1px solid var(--border);flex-shrink:0}.accord-hdr{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface2);font-family:var(--mono);font-size:9px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;transition:color .15s}.accord-hdr:hover{color:var(--accent)}.accord-hdr .arr{font-size:11px;transition:transform .2s}.accord.open .accord-hdr .arr{transform:rotate(90deg)}.accord-body{display:none}.accord.open .accord-body{display:block}.shape-lib-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.lib-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:10px 6px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .15s;font-family:var(--sans)}.lib-btn:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.lib-btn svg{display:block}.lib-btn span{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.tree-lib-list{padding:8px 10px;display:flex;flex-direction:column;gap:5px}.tree-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:8px 10px;display:flex;align-items:center;gap:10px;transition:all .15s;font-family:var(--sans);text-align:left;width:100%}.tree-btn:hover{border-color:var(--success);background:#3db87a14}.tree-btn .t-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.tree-btn .t-info{flex:1;min-width:0}.tree-btn .t-name{font-size:12px;font-weight:700;letter-spacing:.5px;display:block}.tree-btn .t-dims{font-family:var(--mono);font-size:9px;color:var(--text-dim);display:block;margin-top:1px}.tree-region-hdr{padding:6px 10px 4px;font-family:var(--mono);font-size:8px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;border-top:1px solid var(--border);margin-top:4px}.tree-region-hdr:first-child{border-top:none;margin-top:0}.t-tag{font-family:var(--mono);font-size:8px;letter-spacing:1px;padding:2px 5px;border-radius:2px;flex-shrink:0;text-transform:uppercase}.text-lib-list{padding:8px 10px;display:flex;flex-direction:column;gap:5px}.text-style-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:8px 12px;display:flex;align-items:center;gap:12px;transition:all .15s;width:100%;text-align:left}.text-style-btn:hover{border-color:var(--accent2);background:#4fb8ff14}.text-style-btn .ts-prev{flex-shrink:0;width:36px;color:var(--accent2);line-height:1}.text-style-btn .ts-info{flex:1}.text-style-btn .ts-name{display:block;font-family:var(--sans);font-weight:600;font-size:12px}.text-style-btn .ts-sub{display:block;font-family:var(--mono);font-size:9px;color:var(--text-dim);margin-top:1px}.scene-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;color:var(--text-dim);font-family:var(--mono);font-size:10px;text-align:center;gap:8px}.scene-empty .ico{font-size:26px;opacity:.18}.shape-item{padding:9px 14px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:9px;transition:background .1s}.shape-item:hover{background:var(--surface2)}.shape-item.active{background:var(--accent-dim);border-left:2px solid var(--accent);padding-left:12px}.shape-icon{width:30px;height:30px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.shape-meta .nm{font-size:12px;font-weight:600}.shape-meta .tp{font-family:var(--mono);font-size:9px;color:var(--text-dim)}.shape-dot{width:7px;height:7px;border-radius:50%;margin-left:auto;flex-shrink:0}.canvas-wrap{position:relative;overflow:hidden}canvas{display:block}.canvas-overlay{position:absolute;bottom:10px;left:10px;font-family:var(--mono);font-size:10px;color:var(--text-dim);background:#090c0fd1;padding:4px 10px;border-radius:2px;pointer-events:none;border:1px solid var(--border)}.zoom-badge{position:absolute;bottom:10px;right:52px;font-family:var(--mono);font-size:10px;color:var(--text-dim);background:#090c0fd1;padding:4px 8px;border-radius:2px;border:1px solid var(--border);pointer-events:none;line-height:2}.zoom-ctrl{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;gap:4px}.zbtn{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:16px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);transition:all .15s}.zbtn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.hint-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10px;color:var(--text-dim);background:#090c0fd1;padding:5px 14px;border-radius:2px;pointer-events:none;border:1px solid var(--border);white-space:nowrap;transition:opacity .5s}.fr{display:flex;align-items:center;gap:7px;margin-bottom:6px}.fr label{font-size:10px;color:var(--text-dim);font-family:var(--mono);min-width:52px;flex-shrink:0}input[type=number],input[type=text]{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:11px;padding:5px 4px 5px 8px;border-radius:2px;width:100%;outline:none;transition:border-color .15s}input[type=number]::-webkit-inner-spin-button{opacity:1;height:22px}input:focus{border-color:var(--accent);background:#f5a6230a}.btn{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .15s;border:none;padding:8px 14px;width:100%}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{opacity:.8}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.8}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.two-btn{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tbtn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-weight:600;font-size:13px;padding:8px 14px;border-radius:4px;cursor:pointer;transition:all .15s;letter-spacing:.5px}.tbtn:active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}#propContent{flex:1;overflow-y:auto}.prop-hdr{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.prop-name{font-size:15px;font-weight:700}.prop-type{font-family:var(--mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.vrow{display:grid;grid-template-columns:22px 1fr 1fr;gap:5px;align-items:center;margin-bottom:6px}.vlbl{font-family:var(--mono);font-size:11px;text-align:center;font-weight:700}.edge-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px}.elbl{color:var(--text-dim)}.eval{color:var(--accent2)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px}.slbl{color:var(--text-dim)}.sval{color:var(--success);font-weight:700}.color-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.cpick{width:20px;height:20px;border-radius:3px;cursor:pointer;border:2px solid transparent;transition:all .12s;flex-shrink:0}.cpick:hover{transform:scale(1.2)}.cpick.active{border-color:#fff}