:root{--bg: #1a1a1a;--panel: #232323;--panel-2: #2b2b2b;--border: #333;--text: #dcdcdc;--muted: #888;--accent: #4ec9b0;--warn: #e0a040;--danger: #e05050}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:13px}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 10px;cursor:pointer;font-size:12px}button:hover{background:#353535}button:disabled{opacity:.5;cursor:default}input[type=text],input[type=number],select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 6px;font-size:12px;font-family:inherit}input[type=checkbox]{accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);background:transparent}.app{display:grid;grid-template-rows:44px 1fr 28px;grid-template-columns:320px 1fr;grid-template-areas:"toolbar toolbar" "sidebar viewport" "status status";height:100vh;width:100vw}.toolbar{grid-area:toolbar;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--border)}.toolbar .spacer{flex:1}.toolbar .title{font-weight:600;color:var(--accent);margin-right:12px;letter-spacing:.3px}.sidebar{grid-area:sidebar;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:8px}.viewport{grid-area:viewport;position:relative;min-width:0;min-height:0}.status{grid-area:status;background:#131313;border-top:1px solid var(--border);display:flex;align-items:center;padding:0 12px;font-size:11px;color:var(--muted);gap:16px;overflow:hidden;white-space:nowrap}.status .warn{color:var(--warn)}.status .danger{color:var(--danger)}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;margin-bottom:8px;overflow:hidden}.card-header{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.card-header .name{flex:1;font-weight:500;color:var(--accent)}.card-header .chev{color:var(--muted)}.card-body{padding:8px 10px 10px;border-top:1px solid var(--border)}.card-body.nested{margin-top:8px;padding:8px;border:1px dashed var(--border);border-radius:4px}.card-body.nested-title{font-size:11px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.row{display:grid;grid-template-columns:1fr 64px;gap:6px;align-items:center;margin-bottom:6px}.row label{font-size:12px;color:var(--text)}.row input[type=number]{text-align:right}.row .slider-wrap{grid-column:1 / -1;margin-top:-2px;margin-bottom:4px}.checkbox-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px}.color-legend{position:absolute;right:12px;bottom:12px;background:#141414cc;border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:11px;color:var(--text);display:flex;flex-direction:column;gap:4px;pointer-events:none}.color-legend .bar{width:160px;height:10px;background:linear-gradient(to right,#2234d9,#3a99ff,#4ed4a4,#f3ec44,#fc8334,#b20c18);border-radius:2px}.color-legend .row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none;font-size:14px}