:root{--bg-app: #0a1419;--bg-panel: #0f1a21;--bg-panel-2: #142028;--bg-elev: #1a2730;--bg-hover: #1e2c36;--bg-active: #2a3d4a;--border: #1f2c35;--border-strong: #2a3a45;--text: #e6edf2;--text-dim: #8b97a3;--text-faint: #5a6773;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .15);--danger: #ef4444;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .3);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--sidebar-w: 288px;--iconbar-w: 48px;--header-h: 44px}html,body{background:var(--bg-app);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Roboto,PingFang SC,Hiragino Sans GB,sans-serif;font-size:13px;line-height:1.4}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer;padding:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20;transition:transform .22s cubic-bezier(.4,0,.2,1);overflow:hidden}#sidebar.collapsed{transform:translate(calc(-1 * var(--sidebar-w) + 28px))}#sidebar.collapsed .sidebar-body,#sidebar.collapsed .sidebar-header>*:not(.collapse-btn){opacity:0;pointer-events:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);height:var(--header-h);flex-shrink:0}.sidebar-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:.01em}.sidebar-title .icon{width:18px;height:18px;color:var(--text)}.collapse-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-dim);transition:background .15s,color .15s,transform .22s}.collapse-btn:hover{background:var(--bg-hover);color:var(--text)}.header-text-btn{height:22px;padding:0 8px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.header-text-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}#sidebar.collapsed .collapse-btn{transform:translate(12px)}#sidebar.collapsed .collapse-btn .icon{transform:rotate(180deg)}.collapse-btn .icon{transition:transform .22s}.sidebar-body{flex:1;overflow-y:auto;padding:4px 0 8px;transition:opacity .18s}.sidebar-body::-webkit-scrollbar{width:6px}.sidebar-body::-webkit-scrollbar-track{background:transparent}.sidebar-body::-webkit-scrollbar-thumb{background:#233038;border-radius:3px}.sidebar-body::-webkit-scrollbar-thumb:hover{background:#2e3e48}.section{border-bottom:1px solid var(--border)}.section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;user-select:none;cursor:pointer;transition:background .12s}.section-header:hover{background:var(--bg-panel-2)}.section-title{display:flex;align-items:center;gap:8px;flex:1;font-weight:500;font-size:13px;color:var(--text)}.section-title .icon{width:16px;height:16px;color:var(--text-dim)}.section-actions{display:flex;align-items:center;gap:2px}.section-actions .icon-btn{width:22px;height:22px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:background .12s,color .12s}.section-actions .icon-btn:hover{background:var(--bg-hover);color:var(--text)}.section-actions .icon-btn .icon{width:14px;height:14px}.section-chevron{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:transform .18s}.section.collapsed .section-chevron{transform:rotate(-90deg)}.section.collapsed .section-body{display:none}.section-body{padding:2px 0 8px}.pill-tabs{display:flex;gap:6px;margin:4px 14px 8px}.pill-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-dim);font-size:12px;transition:background .12s,color .12s,border-color .12s}.pill-tab:hover{background:var(--bg-hover);color:var(--text)}.pill-tab.active{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.pill-tab .icon{width:13px;height:13px}.quick-select{display:flex;gap:8px;padding:0 14px 6px;font-size:11px;color:var(--text-dim)}.quick-select button{font-size:11px;color:var(--text-dim);padding:1px 4px;border-radius:3px;transition:color .1s}.quick-select button:hover{color:var(--text)}.tree-row{display:flex;align-items:center;flex-wrap:wrap;row-gap:2px;gap:6px;padding:4px 14px;font-size:12px;color:var(--text);position:relative}.tree-row-trailing{margin-left:auto;display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:2px}.tree-row.indent-1{padding-left:32px}.tree-row.indent-2{padding-left:50px}.tree-row:hover{background:var(--bg-panel-2)}.tree-row .expand-tri{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:transform .15s;flex-shrink:0;cursor:pointer}.tree-row .expand-tri.expanded{transform:rotate(90deg)}.tree-row .expand-tri.empty{visibility:hidden}.tree-row .file-icon{width:14px;height:14px;color:var(--text-dim);flex-shrink:0}.tree-row .label{flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tree-row .row-radio{flex-shrink:0}.tree-row input[type=checkbox],.tree-row input[type=radio]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1.5px solid var(--text-faint);border-radius:3px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,border-color .12s}.tree-row input[type=radio]{border-radius:50%}.tree-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.tree-row input[type=checkbox]:checked:after{content:"";width:8px;height:8px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M13.5 4.5L6 12 2.5 8.5l1-1L6 10l6.5-6.5z'/></svg>") no-repeat center / contain}.tree-row input[type=radio]:checked{border-color:var(--accent)}.tree-row input[type=radio]:checked:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.empty-state{padding:8px 14px;font-size:12px;color:var(--text-faint);font-style:italic}#iconbar{position:fixed;top:8px;left:var(--sidebar-w);bottom:8px;width:var(--iconbar-w);background:var(--bg-app);display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 0;z-index:19;transition:left .22s cubic-bezier(.4,0,.2,1);overflow-y:auto}#iconbar::-webkit-scrollbar{display:none}#sidebar.collapsed~#iconbar{left:28px}.tool-group{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:4px;gap:2px;margin-bottom:8px}.tool-btn{width:32px;height:32px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:background .12s,color .12s;position:relative}.tool-btn:hover{background:var(--bg-hover)}.tool-btn.active{background:var(--accent-soft);color:var(--accent)}.tool-btn.disabled{color:var(--text-faint);cursor:not-allowed}.tool-btn .icon{width:17px;height:17px}.tool-btn[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg-elev);color:var(--text);border:1px solid var(--border-strong);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:100}.tool-btn[data-tip]:hover:after{opacity:1}#app{position:fixed;top:0;right:0;bottom:0;left:calc(var(--sidebar-w) + var(--iconbar-w) + 8px);transition:left .22s cubic-bezier(.4,0,.2,1);overflow:hidden;background:var(--bg-app)}#app canvas{display:block;outline:none;position:absolute;top:0;left:0}#sidebar.collapsed~#app{left:calc(28px + var(--iconbar-w) + 8px)}#axis-gizmo{position:absolute;top:14px;right:14px;width:64px;height:64px;pointer-events:none;z-index:5}#viewport-buttons{position:absolute;bottom:14px;right:14px;display:flex;flex-direction:column;gap:4px;z-index:5}#viewport-buttons .vp-btn{width:32px;height:32px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:background .12s}#viewport-buttons .vp-btn:hover{background:var(--bg-hover)}#viewport-buttons .vp-btn .icon{width:14px;height:14px}#status{position:fixed;bottom:12px;left:calc(var(--sidebar-w) + var(--iconbar-w) + 16px);z-index:6;background:#0f1a21eb;border:1px solid var(--border-strong);border-radius:6px;padding:5px 10px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim);max-width:50vw;white-space:pre;transition:left .22s cubic-bezier(.4,0,.2,1);pointer-events:none}#sidebar.collapsed~#status{left:calc(28px + var(--iconbar-w) + 16px)}.measure-label{background:#000000b3;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none;white-space:nowrap}.annotation-label{background:#2dd4bfeb;color:var(--bg-app);font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);box-shadow:0 1px 3px #0006;pointer-events:none;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 720px){:root{--sidebar-w: 240px}}html,body{margin:0;padding:0;height:100%;background:#0b0d10;color:#e6e8eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{position:fixed;inset:0 0 24px}#status{position:fixed;left:0;right:0;bottom:0;height:24px;line-height:24px;padding:0 12px;font-size:12px;background:#15171a;border-top:1px solid #2a2d33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9aa0a6}