:root{--bg:#15171a;--panel:#1e2126;--panel2:#262a30;--line:#343a42;--text:#e6e8eb;--muted:#9aa3ad;--accent:#d9261c;--ok:#3fb950;--warn:#e3b341;--bad:#f85149;--sel:#58a6ff;color:var(--text);background:var(--bg);font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{flex-direction:column;display:flex}#tabs{background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;height:38px;padding:0 10px;display:flex}#tabs .brand{margin-right:14px;font-size:14px;font-weight:600}#tabs .brand:before{content:"";background:var(--accent);vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}#tabs .tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:9px 12px}#tabs .tab.active{color:var(--text);border-bottom-color:var(--accent)}#tabs #tabHint{margin-left:auto}.view{flex:1;min-height:0}#app{grid-template-columns:300px 1fr 360px;display:grid}#contour{grid-template-columns:300px 1fr 320px;display:grid}#contour[hidden],#app[hidden]{display:none}#cCenter{flex-direction:column;min-width:0;display:flex}#cBar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:10px;padding:6px 10px;display:flex}#cBar label{flex-direction:row;align-items:center;gap:4px}#cStatus{color:var(--muted);margin-left:auto;font-family:IBM Plex Mono,Consolas,monospace;font-size:11.5px}#cStatus.ok{color:var(--ok)}#cStatus.bad{color:var(--bad)}#cCanvas{touch-action:none;background:#101214;flex:1;width:100%;height:100%;min-height:0;display:block}#cRight{border-right:none;border-left:1px solid var(--line)}#cThumb{background:#20262c;border-radius:6px;width:100%;margin-bottom:6px}label.inline{flex-direction:row;align-items:center;gap:6px}label .val{color:var(--text);font-family:Consolas,monospace;font-size:11px}input[type=range]{width:100%;padding:0}button.active{border-color:var(--warn);color:var(--warn)}aside{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:10px;padding:10px;display:flex;overflow:auto}#right{border-right:none;border-left:1px solid var(--line)}h1{margin:4px 0 6px;font-size:15px}h1:before{content:"";background:var(--accent);border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:11px}section{background:var(--panel2);border:1px solid var(--line);border-radius:8px;flex:none;padding:10px}section.grow{flex-direction:column;flex:1;min-height:200px;display:flex}label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}input,select,button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:0;padding:5px 7px}input[type=checkbox]{width:auto}button{cursor:pointer}button:hover{border-color:var(--sel)}button.primary{background:var(--accent);border-color:var(--accent)}.hint{color:var(--muted);font-size:11.5px;line-height:1.4}.grid2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.filters{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.filters label{flex-direction:row;align-items:center;gap:4px}#library{flex-direction:column;flex:1;gap:4px;display:flex;overflow:auto}.libItem{border:1px solid var(--line);cursor:grab;background:var(--panel);border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}.libItem:hover{border-color:var(--sel)}.libItem svg{flex:none;width:56px;height:40px}.libItem .name{font-size:12px;font-weight:600}.libItem .meta{color:var(--muted);font-size:11px}.libItem .del{color:var(--muted);border:1px solid var(--line);background:0 0;flex:none;margin-left:auto;padding:2px 6px;font-size:11px;line-height:1}.libItem .del:hover{color:#ff9a9a;border-color:#ff9a9a}#center{flex-direction:column;min-width:0;display:flex}#toolbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:6px;padding:8px 10px;display:flex}#toolbar .sep{background:var(--line);width:1px;height:20px;margin:0 4px}#toolbar label{flex-direction:row;align-items:center;gap:4px}#status{color:var(--muted);margin-left:auto;font-family:IBM Plex Mono,Consolas,monospace;font-size:11.5px}#editor{touch-action:none;background:#101214;flex:1;width:100%;height:100%}#editor .case{fill:#2c3138;stroke:#6b7480;stroke-width:.6px}#editor .caseInner{fill:none;stroke:#4a525c;stroke-width:.4px;stroke-dasharray:2 2}#editor .pocket{fill:#8a949e;stroke:#cfd6dd;stroke-width:.5px;cursor:move}#editor .pocket.step{fill:#5f6a75;pointer-events:none}#editor .pocket.selected{stroke:var(--sel);stroke-width:1.2px}#editor .pocket.bad{fill:#b8483c}#editor .notch{fill:#6f7a86;stroke:#cfd6dd;stroke-width:.4px;pointer-events:none}#editor .cut{stroke:var(--warn);stroke-width:.8px;stroke-dasharray:4 3}#editor .pin{fill:none;stroke:var(--warn);stroke-width:.5px}#editor .label{fill:#e6e8eb;pointer-events:none;font-family:Inter,sans-serif;font-size:6px}#editor .grid{stroke:#1b1f24;stroke-width:.3px}#view3d{border:1px solid var(--line);background:#0f1114;border-radius:8px;flex:none;height:300px;overflow:hidden}.issues{margin:0;padding-left:16px;font-size:12px}.issues li.bad{color:var(--bad)}.issues li.warn{color:var(--warn)}.issues li.ok{color:var(--ok)}#props label{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin:3px 0}#props input{width:90px}#importBox img{background:#20262c;border-radius:6px;width:100%;margin-top:6px}#importBox .hint{margin-top:6px}#cObjects{flex-direction:column;flex:1;gap:6px;display:flex;overflow:auto}.objRow{border:1px solid var(--line);background:var(--panel);opacity:.6;border-radius:6px;grid-template-columns:auto 64px 1fr;align-items:center;gap:4px 8px;padding:6px;display:grid}.objRow.sel{opacity:1;border-color:var(--sel)}.objRow img{object-fit:contain;background:#20262c;border-radius:4px;grid-row:span 2;width:64px;height:44px}.objRow input[type=text]{width:100%}.objRow .meta{color:var(--muted);grid-column:3;font-size:11px}.objRow .warn{color:var(--warn);grid-column:1/-1;font-size:11px}