*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#e5e7eb;background:#0b1020}#app{display:grid;grid-template-columns:1fr 360px;height:100vh}#viewport{min-width:0}#panel{display:flex;flex-direction:column;gap:12px;padding:12px;background:#111827;border-left:1px solid #374151;overflow:auto}.card{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px}h2{margin:0 0 8px;font-size:14px}.row{display:flex;gap:8px;margin-bottom:8px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segmented-control button{background:#1d4ed8}.segmented-control button.active{background:#0ea5e9;color:#031525;font-weight:700}.mode-hint{margin:8px 0 0;font-size:12px;color:#cbd5e1}.object-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.object-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px;border-radius:4px;background:#0f172a}.object-item.selected{outline:1px solid #38bdf8}.name-button{border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.transform-grid{display:grid;grid-template-columns:1fr;gap:6px}label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}input[type=number]{width:150px}textarea{width:100%;min-height:160px;background:#020617;color:#e2e8f0;border:1px solid #334155}button{background:#2563eb;border:none;color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}