:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:13px/1.35 system-ui,Segoe UI,sans-serif}body{flex-direction:column;height:100dvh;display:flex}#topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}#topbar .brand{letter-spacing:.04em;margin-right:8px;font-weight:600}#topbar .muted{color:var(--text-muted)}#tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:2px;padding:0 12px;display:flex}#tabs button{color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 14px}#tabs button:hover{color:var(--text);background:var(--surface-raised)}#tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}#panels{flex:1;min-height:0;position:relative;overflow:hidden}.panel{min-height:0;display:flex;position:absolute;inset:0}.panel[hidden]{display:none}.split{flex:1;min-height:0;display:flex}.split>.side{border-left:1px solid var(--border);background:var(--surface);width:420px;padding:10px 12px;overflow:auto}.split>.main{flex:1;min-width:0;position:relative;overflow:hidden}.planner>.side{width:620px}.column{flex-direction:column;flex:1;min-height:0;display:flex}.scroll{flex:1;padding:10px 12px;overflow:auto}canvas.view3d{width:100%;height:100%;display:block}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:4px 0 8px;font-size:12px}p{color:var(--text-secondary)}button{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:4px;padding:4px 10px}button:hover{border-color:var(--accent)}button:active{background:var(--border)}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:3px;padding:3px 5px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}input:invalid{border-color:var(--critical)}input[type=checkbox]{accent-color:var(--accent)}input[type=number]{width:110px}.vec{gap:3px;display:inline-flex}.vec input[type=number]{width:64px}.planner table{border-collapse:collapse}.planner th{text-align:left;color:var(--text-secondary);padding:2px 4px;font-weight:500}.planner td{padding:2px 3px}.planner table input[type=number]{width:58px}fieldset{border:1px solid var(--border);border-radius:4px;margin:6px 0;padding:4px 10px 8px}legend{color:var(--text-secondary);padding:0 4px;font-weight:600}.field{grid-template-columns:220px 1fr;align-items:center;gap:6px;margin:3px 0;display:grid}.field>label{color:var(--text-secondary)}.field>label[title]:not([title=""]){-webkit-text-decoration:underline dotted var(--text-muted);text-decoration:underline dotted var(--text-muted);text-underline-offset:3px;cursor:help}.error{color:var(--critical);white-space:pre-wrap}textarea.toml{box-sizing:border-box;width:100%;height:300px;font-family:ui-monospace,Consolas,monospace}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.toolbar .group{border-right:1px solid var(--border);align-items:center;gap:4px;margin-right:4px;padding-right:10px;display:inline-flex}.toolbar .group:last-child{border-right:none}.toolbar label{color:var(--text-secondary)}.toolbar .status{color:var(--text-secondary);font-variant-numeric:tabular-nums}#live-bottom{background:var(--bg);border-top:1px solid var(--border);grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,minmax(0,1fr)) 300px;gap:6px;height:270px;padding:6px;display:grid}#live-bottom canvas{width:100%;height:100%;display:block}.plot{background:var(--surface);border:1px solid var(--border);border-radius:4px;min-height:0;position:relative;overflow:hidden}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;grid-row:span 2;padding:8px 10px;font-size:12px;overflow:auto}.status-card table{border-collapse:collapse;width:100%;margin-bottom:8px}.status-card th{text-align:left;color:var(--text-muted);padding:1px 4px;font-weight:500}.status-card td{font-variant-numeric:tabular-nums;padding:1px 4px}.status-card .headline{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:6px;display:flex}.chip{white-space:nowrap;border:1px solid;border-radius:9px;align-items:center;gap:3px;padding:0 6px;font-size:11px;line-height:17px;display:inline-flex}.chip.good{color:var(--good)}.chip.warning{color:var(--warning)}.chip.serious{color:var(--serious)}.chip.critical{color:var(--critical)}.chip.muted{color:var(--text-muted)}.live>.main{flex:1;min-height:0;position:relative}.status-slot{grid-row:span 2;overflow:auto}#live-bottom canvas{touch-action:pan-y}.truth-feed{pointer-events:none;background:var(--bg);position:absolute;top:8px;left:10px}.truth-feed:empty{display:none}.swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}@media (width<=1100px){.panel{overflow-y:auto}.split{flex-direction:column;flex:none;min-height:auto}.split>.main{flex:none;overflow:visible}.split>.side,.planner>.side{border-left:none;border-top:1px solid var(--border);width:auto;overflow-x:auto}.planner>.main{height:50dvh}.split>.scroll{overflow:visible}.live>.main{flex:none;height:55dvh}.live>.toolbar{z-index:2;position:sticky;top:0}#live-bottom{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;height:auto}.status-slot{order:-1;grid-area:auto/1/auto/-1}}@media (width<=760px){html,body{font-size:14px}#topbar{gap:6px;padding:6px 10px}#topbar select{flex:1;min-width:0}#topbar .muted{display:none}#tabs{scrollbar-width:none;padding:0 4px;overflow-x:auto}#tabs button{white-space:nowrap;flex:none;padding:10px 12px}button,select{min-height:36px}input,select,textarea{font-size:16px}input[type=checkbox]{vertical-align:middle;width:20px;height:20px}.toolbar{gap:4px;padding:6px 8px}.toolbar .group{border-right:none;flex-wrap:wrap;padding-right:4px}.toolbar .status{font-size:12px}.live>.toolbar{position:static}.live>.main{height:50dvh}#live-bottom{grid-template-columns:minmax(0,1fr);grid-auto-rows:190px;padding:4px}.field{grid-template-columns:minmax(0,1fr);gap:2px;margin:6px 0}fieldset{padding:4px 6px 8px}.split>.side,.scroll{padding:8px}textarea.toml{height:240px;font-size:13px}}
