:root{--bg: #0b0c10;--panel: #11131a;--panel2: #0f1117;--text: #e6e6e6;--muted: #a6a6a6;--line: #232634;--accent: #6aa6ff}*{box-sizing:border-box}html,body{height:100%;min-width:1024px;margin:0;font-family:ui-sans-serif,system-ui,-apple-system;background:var(--bg);color:var(--text)}#app{height:100%;display:grid;grid-template-columns:62px 1fr 320px;grid-template-rows:56px 1fr 28px;grid-template-areas:"top top top" "left center right" "status status status"}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2))}.brand{font-weight:300;letter-spacing:.4px}.brand img{width:100px}.toolbar{display:flex;gap:8px;align-items:center}button{background:#1a1d27;color:var(--text);border:1px solid var(--line);padding:7px 10px;border-radius:10px;cursor:pointer}button:hover{border-color:#2f3450}button:active{transform:translateY(1px)}.left,.right{background:var(--panel2);border-right:1px solid var(--line);padding:10px}.right{border-right:none;border-left:1px solid var(--line)}.left{grid-area:left;width:62px;min-width:62px}.center{grid-area:center}.right{grid-area:right}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.list li{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#0d0f16;cursor:pointer}.viewport{position:relative;overflow:hidden;min-width:0;height:100%}#isoCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.props{display:flex;flex-direction:column;gap:12px}.row.inline{display:flex;gap:8px;align-items:center}.row.inline input{flex:1}.row.inline button{white-space:nowrap}.group{border:1px solid var(--line);border-radius:14px;padding:10px;background:#0d0f16}.groupTitle{font-size:12px;color:var(--muted);margin-bottom:8px}.grid2{display:grid;grid-template-columns:6px 1fr;gap:8px 10px}.grid2 label{display:flex;align-items:center;font-size:12px;color:var(--muted)}input{width:100%;background:#0b0c10;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}.mini{margin-top:8px;color:var(--muted);font-size:12px}.savedList{display:flex;flex-direction:column;gap:8px}.savedItem{border:1px solid var(--line);border-radius:12px;background:#0d0f16;padding:10px;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.savedTitle{font-size:13px}.savedMeta{color:var(--muted);font-size:11px}.savedItem button{padding:6px 10px;border-radius:10px}.savedItem .danger{padding:6px 10px}.statusbar{grid-area:status;border-top:1px solid var(--line);background:#0a0b0f;display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--muted)}.danger{border-color:#4a2230!important;background:#1b0f14!important}.danger:disabled{opacity:.5;cursor:not-allowed}button.secondary{border:1px solid var(--line);background:transparent}button.secondary[aria-pressed=true]{border-color:#78aaffa6;box-shadow:0 0 0 4px #78aaff14}.value{font-size:12px;color:var(--muted)}.addButton{display:flex;align-items:center;gap:3px}