:root{--mono:"IBM Plex Mono", "SFMono-Regular", "Menlo", monospace;--sans:"Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;font:16px/1.5 var(--sans);color:#172033;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fffaf0}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100svh}.debug-shell{color:#172033;background:radial-gradient(circle at 14% 10%,#54310f73,#0000 30rem),radial-gradient(circle at 90% 12%,#54310f73,#0000 28rem),linear-gradient(135deg,#fffaf0 0%,#f8fbff 46%,#eef7ff 100%);grid-template-columns:minmax(320px,410px) minmax(0,1fr);height:100svh;display:grid;overflow:hidden}.debug-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-right:1px solid #0f172a1f;min-height:0;padding:28px;overflow-y:auto;box-shadow:18px 0 60px #0f172a14}.eyebrow{color:#9a3412;width:fit-content;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffedd5d1;border:1px solid #ea580c47;border-radius:999px;padding:6px 9px;font-size:12px}.debug-panel h1{color:#111827;letter-spacing:-.06em;margin:18px 0 10px;font-size:clamp(34px,4vw,54px);line-height:.94}.lede{color:#475569;max-width:28rem;margin-bottom:24px}.control-card,.diagnostics,.stats-grid>div{background:#ffffffb8;border:1px solid #0f172a1f;border-radius:18px;box-shadow:inset 0 1px #ffffffe6,0 12px 36px #0f172a0f}.control-summary{cursor:pointer;color:var(--color-text);background:var(--color-surface);-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600}.control-summary:hover{background:var(--color-subtle)}details[open] .control-summary{margin-bottom:8px}.preset-controls{flex-direction:column;gap:8px;display:flex}.preset-row{flex-direction:column;gap:4px;display:flex}.preset-row label{color:var(--color-muted);font-size:12px}.preset-actions{flex-wrap:wrap;flex-direction:row!important}.preset-actions button{min-width:64px}.preset-divider{background:var(--color-subtle);height:1px;margin:4px 0}.panel-button-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.panel-button-grid button{padding:6px 10px;font-size:12px}.control-card{gap:10px;margin-bottom:14px;padding:14px;display:grid}.control-card label,.split-controls label{color:#1f2937;font-family:var(--mono);gap:8px;font-size:13px;display:grid}textarea,select,input[type=range]{box-sizing:border-box;width:100%}textarea,select{color:#0f172a;font:14px/1.5 var(--mono);background:#f8fafceb;border:1px solid #2563eb3d;border-radius:12px;outline:none}textarea{resize:vertical;min-height:130px;padding:12px}.compact-textarea{min-height:96px}select{height:42px;padding:0 10px}textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}input[type=range]{accent-color:#ea580c}.view-controls{grid-template-columns:minmax(0,1fr);padding:12px}.view-controls.has-atlas-control{grid-template-columns:1fr 1fr;max-width:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.stats-grid.has-atlas-stat{grid-template-columns:repeat(1,minmax(0,1fr))}.stats-grid>div{padding:12px}.stats-grid span{color:#64748b;font:11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.12em;display:block}.stats-grid strong{color:#0f172a;margin-top:5px;font-size:24px;line-height:1;display:block}.diagnostics{padding:14px}.diagnostics h2{color:#111827;margin:0 0 10px;font-size:18px}.diagnostics p,.diagnostics li{color:#475569;font-size:14px}.diagnostics ul{margin:0;padding-left:18px}.viewport-card{grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:0;padding:22px;display:grid}.viewport-header-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.viewport-header{background:#ffffffa8;border:1px solid #0f172a1a;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:14px 16px;display:flex;box-shadow:0 14px 44px #0f172a0f}.viewport-header span{color:#64748b;font:12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;display:block}.viewport-header strong{color:#0f172a;margin-top:3px;font-size:20px;display:block}.cursor-hint{color:var(--color-muted);margin-top:8px;font-size:12px}.axis-key{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.axis-key span{color:#334155;align-items:center;gap:6px;display:inline-flex}.axis-key i{border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px}.viewport-card canvas{background:linear-gradient(#fffffff5,#eff6fff5),#f8fafc;border:1px solid #0f172a1a;border-radius:24px;box-shadow:0 26px 80px #0f172a24}@media (width<=980px){.debug-shell{grid-template-columns:1fr}.debug-panel{border-bottom:1px solid #0f172a1f;border-right:none}.viewport-card{height:70svh;min-height:0;padding:14px}.viewport-header{flex-direction:column;align-items:flex-start}.axis-key{justify-content:flex-start}}@media (width<=560px){.debug-panel{padding:18px}.view-controls,.view-controls.has-atlas-control,.stats-grid{grid-template-columns:1fr}}.visual-settings{margin-top:14px}.visual-settings h2{color:#111827;margin:0;font-size:18px}.toggle-row{align-items:center;gap:10px!important;display:flex!important}.toggle-row input[type=checkbox]{width:16px;height:16px;margin:0}.label-params{flex-direction:column;gap:4px;margin-top:6px;display:flex}.label-params-row{align-items:center;gap:8px;display:flex}.label-params label{color:var(--color-muted);align-items:center;gap:4px;font-size:12px;display:flex}.label-params-slider,.label-params-slider input{flex:1}.label-params input[type=text],.label-params input[type=number]{border:1px solid var(--color-subtle);background:var(--color-surface);width:52px;color:var(--color-text);text-align:center;border-radius:3px;padding:2px 4px;font-size:12px}.label-params input[type=range]{flex:1}.inspector-panel{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #0f172a1f;border-radius:24px;width:min(340px,100vw - 44px);max-height:calc(100svh - 44px);padding:24px;position:fixed;top:22px;right:22px;overflow-y:auto;box-shadow:-18px 0 60px #0f172a14}.inspector-close,.secondary-button,.orientation-button{color:#0f172a;font-family:var(--mono);cursor:pointer;background:#f8fafceb;border:1px solid #0f172a24;border-radius:12px}.inspector-close{float:right;padding:7px 10px}.inspector-panel h2{color:#111827;letter-spacing:-.04em;margin:18px 0 14px;font-size:30px}.inspector-card{background:#ffffffb8;border:1px solid #0f172a1f;border-radius:18px;gap:12px;margin-bottom:14px;padding:14px;display:grid;box-shadow:0 12px 36px #0f172a0f}.inspector-card h3{color:#111827;margin:0;font-size:18px}.inspector-card p{color:#64748b;margin:0;font-size:13px}.inspector-card label{color:#1f2937;font-family:var(--mono);gap:8px;font-size:13px;display:grid}.cube-facts{grid-template-columns:auto 1fr;align-items:baseline;gap:8px 12px;display:grid}.cube-facts span{color:#64748b;font:11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.12em}.cube-facts strong{color:#0f172a;font-size:16px}.secondary-button{min-height:38px;padding:8px 10px}.panel-button{justify-self:stretch;width:100%}.danger-button{color:#991b1b;background:#fef2f2f5;border-color:#dc26263d}.secondary-button:disabled{color:#94a3b8;cursor:not-allowed;opacity:.7}.orientation-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;display:grid}.orientation-button{text-align:left;min-height:54px;padding:7px}.orientation-button strong,.orientation-button span{display:block}.orientation-button strong{font-size:18px}.orientation-button span{color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin-top:2px;font-size:10px}.orientation-button.is-available{background:#dcfce7cc;border-color:#16a34a5c}.orientation-button.is-unavailable{background:#ffedd5cc;border-color:#ea580c61}.orientation-button.is-selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}@media (width<=980px){.inspector-panel{width:min(340px,100vw - 28px);max-height:calc(100svh - 28px);top:14px;right:14px}}