:root{--bg: #14161c;--panel: #1c1f28;--panel-2: #232733;--border: #2e3340;--text: #e6e9f0;--muted: #9aa2b1;--accent: #4da3ff;--accent-2: #00e0ff;--danger: #ff5c72;--radius: 8px;--panel-w: 340px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:13px}#app{position:fixed;inset:0}#viewport{position:absolute;inset:0 var(--panel-w) 0 0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#23262f,#14161c 70%)}#viewport canvas{display:block}#overlay{position:absolute;inset:0 var(--panel-w) 0 0;pointer-events:none}#pose-canvas{position:absolute}#reference-img{position:absolute;pointer-events:none;object-fit:contain;display:none;z-index:0}#toolbar-top{position:absolute;top:12px;left:14px;right:calc(var(--panel-w) + 14px);display:flex;align-items:center;gap:8px;flex-wrap:wrap;z-index:4}#toolbar-top .seg{display:flex;gap:2px;padding:3px;background:#14161ccc;border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(6px)}#toolbar-top .seg button{border:1px solid transparent;background:transparent}#toolbar-top .seg button.active{background:var(--panel-2);border-color:var(--accent);color:#fff}#toolbar-top>button{box-shadow:0 2px 10px #0006;backdrop-filter:blur(6px)}.tbar-sep{width:1px;height:22px;background:var(--border);margin:0 2px}.tool-grid .seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0;background:none;border:none;backdrop-filter:none}.tool-grid .seg button{justify-content:center;padding:8px 6px}.tool-grid .seg button.active{background:var(--panel-2);border-color:var(--accent);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}#hint{position:absolute;left:14px;bottom:12px;right:calc(var(--panel-w) + 14px);color:var(--muted);font-size:12px;pointer-events:none;text-shadow:0 1px 3px #000a}#panel{position:absolute;top:0;right:0;bottom:0;width:var(--panel-w);background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;padding:0 0 40px}#panel::-webkit-scrollbar{width:10px}#panel::-webkit-scrollbar-thumb{background:#333a48;border-radius:6px}.brand{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;position:sticky;top:0;background:var(--panel);z-index:5;border-bottom:1px solid var(--border)}.brand h1{font-size:15px;margin:0;font-weight:650;letter-spacing:.3px}.brand .dot{width:10px;height:10px;border-radius:50%;background:conic-gradient(#ff2d55,#ffd166,#00e0ff,#4da3ff,#ff2d55)}.brand small{color:var(--muted);font-weight:400}.section{border-bottom:1px solid var(--border)}.section>.head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;user-select:none}.section>.head h2{font-size:12px;margin:0;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}.section>.head .chev{color:var(--muted);transition:transform .15s}.section.collapsed>.head .chev{transform:rotate(-90deg)}.section>.body{padding:4px 16px 14px;display:flex;flex-direction:column;gap:10px}.section.collapsed>.body{display:none}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}button,select,input[type=text],input[type=number]{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;cursor:pointer}button:hover{border-color:#43506a;background:#2a2f3d}button.primary{background:linear-gradient(180deg,#4da3ff,#2f7fe0);border-color:#2f7fe0;color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.08)}button.ghost{background:transparent}button.danger{color:var(--danger);border-color:#4a2b33}button.sm{padding:5px 8px;font-size:12px}button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:#fff}select{appearance:none}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{padding:6px 9px;font-size:12px}.grouplabel{font-size:11px;color:var(--muted);margin:6px 0 2px;text-transform:uppercase;letter-spacing:.5px}.slider{display:grid;grid-template-columns:74px 1fr 42px;gap:8px;align-items:center}.slider span{color:var(--muted);font-size:12px}.slider output{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.figrow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius);background:var(--panel-2);border:1px solid transparent}.figrow.active{border-color:var(--accent)}.figrow .sw{width:16px;height:16px;border-radius:4px;border:1px solid #0006;cursor:pointer}.figrow .nm{flex:1;background:transparent;border:none;padding:2px;color:var(--text)}.figrow .nm:focus{outline:1px solid var(--border);border-radius:4px}.figrow button{padding:3px 6px;font-size:12px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{flex:1;min-width:60px;padding:6px 4px;font-size:12px}#preview-wrap{position:relative;background:#0c0d11;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}#preview-wrap canvas{max-width:100%;max-height:260px;display:block;image-rendering:auto}.preview-spinner{position:absolute;top:8px;right:8px;display:none;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:20px;background:#000a;backdrop-filter:blur(2px);color:var(--muted);font-size:11px;opacity:0;transition:opacity .12s}.preview-spinner.on{display:flex;opacity:1}.preview-spinner .spin{width:12px;height:12px;border-radius:50%;border:2px solid #4a5266;border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hintline{color:var(--muted);font-size:11px;line-height:1.4}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle input{accent-color:var(--accent);width:15px;height:15px}kbd{background:#0c0d11;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px;font-family:ui-monospace,monospace}