:root{color:#ebeff4;background:#0b0f14;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0}.layout{grid-template-rows:minmax(0,1fr);grid-template-columns:340px 1fr;height:100dvh;display:grid}.layout.panel-collapsed{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.layout.panel-collapsed .panel{display:none}.panel{--body-col-min:60px;background:#121820;border-right:1px solid #1f2937;padding:1rem;overflow:auto}.panel h1{margin:0;font-size:1.4rem}.panel-title{align-items:center;gap:.45rem;display:flex}.panel-header{flex-direction:column;gap:.04rem;max-width:100%;display:inline-flex}.panel-header-top{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.panel-version{align-self:flex-end;font-family:Consolas,Courier New,monospace;font-size:.77rem;line-height:1.05;text-decoration:none}.panel-version:hover{color:#cbd5e1}.panel-like-button{color:#d1d5db;cursor:pointer;background:#0b0f14;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;padding:0;font-size:.95rem;line-height:1;display:inline-flex}.panel-like-button>span{transition:opacity .18s;display:inline-block}.panel-like-button:hover{background:#111827}.panel-like-button:not(.is-liked):hover{color:#f28b8b}.panel-like-button:hover>span{transform-origin:50%;will-change:transform, opacity;animation:1.5s linear infinite heart-beat}.panel-like-button.is-liked{color:#f87171;border-color:#0000}@keyframes heart-beat{0%,50%,to{opacity:1;transform:scale(1)}15%{opacity:.9;transform:scale(1.5)}25%{opacity:.98;transform:scale(1.1)}37%{opacity:.86;transform:scale(1.75)}45%{opacity:.95;transform:scale(1.15)}}.panel>p.muted{margin:.08rem 0 .18rem}.panel-title-icon{flex:none;width:1.3rem;height:1.3rem}.panel h2{margin:.25rem 0;font-size:1rem}.panel section{border-bottom:1px solid #1f2937;margin:.15rem 0;padding-bottom:.12rem}.collapsible-summary{cursor:pointer;margin-bottom:.18rem;font-weight:600}.body-config-matrix{grid-template-columns:max-content repeat(3, minmax(var(--body-col-min), 1fr));align-items:center;gap:.22rem .4rem;padding-bottom:.15rem;display:grid;overflow-x:auto}.body-config-header{font-size:.86rem;font-weight:700}.body-config-label-header{color:#cbd5e1}.body-config-row{display:contents}.body-config-label{color:#cbd5e1;font-size:.85rem}.body-config-cell{grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:.1rem;min-width:0;display:grid}.panel input.body-input{background:#0b0f14;border-width:1px;width:100%;padding:.11rem .16rem;font-size:.75rem}.panel .body-stepper{border:1px solid;border-radius:4px;grid-template-rows:1fr 1fr;width:1rem;height:1.4rem;display:grid;overflow:hidden}.panel .body-stepper-button{width:100%;height:100%;color:inherit;cursor:pointer;background:#0b0f14;border:1px solid #344152;border-radius:0;padding:0;position:relative}.panel .body-stepper-up,.panel .body-stepper-down{border:0}.panel .body-stepper-button:before{content:"";border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel .body-stepper-up:before{border-bottom:5px solid}.panel .body-stepper-down:before{border-top:5px solid}.panel .body-stepper-button:hover{background:#111827}.panel .body-stepper-button:hover:before{filter:brightness(1.25)}.muted{color:#9ca3af}.panel label{justify-content:space-between;align-items:center;gap:.5rem;margin:.12rem 0;font-size:.9rem;display:flex}.panel details>p{margin:.1rem 0}.base-dt-note{font-size:.82rem}.panel input,.panel select{color:#ebeff4;background:#0b0f14;border:1px solid #344152;border-radius:4px;width:9rem;padding:.25rem .4rem}.preset-selector-row{align-items:center;gap:.35rem;display:inline-flex}.preset-profile-row{justify-content:space-between;align-items:center;gap:.5rem;margin:.12rem 0;font-size:.9rem;display:flex}.preset-profile-label{flex:none}.preset-action-slot{flex:0 0 1.2rem;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;display:inline-flex}.panel button.preset-edit-inline{color:#7dd3fc;cursor:pointer;background:#102435;border:1px solid #38bdf8;border-radius:999px;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;padding:0;font-size:.68rem;line-height:1;display:inline-flex}.panel button.preset-edit-inline:hover{color:#bae6fd;background:#15314a}.panel button.preset-edit-inline:disabled{opacity:.45;cursor:not-allowed}.panel button.preset-delete-inline{color:#f87171;cursor:pointer;background:#2b1114;border:1px solid #ef4444;border-radius:999px;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;padding:0;font-size:.68rem;line-height:1;display:inline-flex}.panel button.preset-delete-inline:hover{color:#fca5a5;background:#3a1217}.panel input[type=range]{padding:0}.panel input[type=checkbox],.panel input[type=radio]{accent-color:#60a5fa;width:auto}.lock-option{justify-content:flex-end;align-items:center;gap:.3rem;margin:0;display:inline-flex}.control-matrix{grid-template-columns:1fr auto;align-items:center;gap:.4rem .7rem;margin:.12rem 0;display:grid}.control-matrix-label{white-space:nowrap;justify-self:start;font-size:.9rem}.control-options-grid{grid-template-columns:72px 72px 72px;justify-items:end;gap:.6rem;display:grid}.show-option{justify-content:flex-end;align-items:center;gap:.3rem;margin:0;display:inline-flex}.button-row{gap:.5rem;display:flex}.button-row button{color:#ebeff4;cursor:pointer;background:#1f2937;border:1px solid #344152;border-radius:6px;padding:.4rem .8rem}.warning{color:#fca5a5;margin:.6rem 0 0}.metric{font-variant-numeric:tabular-nums;margin:.2rem 0;font-family:Consolas,Courier New,monospace;font-size:.82rem}.diagnostics-grid{grid-template-columns:var(--diag-label-col,190px) repeat(3, minmax(var(--diag-body-col-min,92px), 1fr));align-items:flex-start;gap:.8rem .45rem;padding-bottom:.2rem;display:grid;overflow-x:auto}.diag-column{min-width:0;padding-right:.35rem}.diagnostics-grid .diag-column:first-child .metric{white-space:nowrap}.body-vector-column .metric{font-weight:600}.diag-body-heading{font-weight:700}.diag-positive-lozenge{vertical-align:baseline;border-radius:999px;align-items:center;margin-left:.12rem;padding:0 .24rem;font-weight:700;line-height:1.2;display:inline-flex}.canvas-diagnostics{z-index:4;--diag-label-col:205px;--diag-body-col-min:148px;background:#080b0fdb;border:1px solid #1f2937;border-radius:8px;max-height:min(42dvh,360px);padding:.32rem .5rem .4rem;position:absolute;bottom:10px;left:12px;right:12px;overflow:auto}.canvas-diagnostics>.collapsible-summary{margin-bottom:.25rem}.stage-wrap{background:radial-gradient(circle at 70% 15%,#0f2238,#090c11 45%,#06080b 100%);min-width:0;height:100%;min-height:0;position:relative}.stage-top-overlays{z-index:4;pointer-events:none;justify-content:space-between;align-items:start;gap:.45rem;display:flex;position:absolute;top:10px;left:12px;right:12px}.stage-controls{pointer-events:auto;background:#0006;border:1px solid #1f2937;border-radius:8px;order:0;padding:.35rem .45rem}.stage-hud-cluster{pointer-events:none;flex-direction:column;order:1;align-items:flex-end;gap:.35rem;margin-left:auto;display:flex}.stage-controls .button-row button{color:#60a5fa;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:2.6rem;min-width:2.6rem;padding:.3rem 0;display:inline-flex}.stage-controls .button-row button:disabled{color:#6b7280;cursor:not-allowed;background:#374151;border-color:#4b5563}.stage-control-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.stage-control-svg{width:1.65rem;height:1.65rem}.stage-control-label{letter-spacing:.06em;color:currentColor;font-size:.54rem;font-weight:700;line-height:1}.stage-controls .warning{margin:.35rem 0 0;font-size:.82rem}.stage-history-controls{flex-direction:column;gap:.22rem;margin-top:.5rem;display:flex}.stage-history-buffer{background:#0f172a;border:1px solid #334155;border-radius:999px;height:7px;overflow:hidden}.stage-history-buffer-fill{background:#60a5fa;border-right:2px solid #dbeafe;height:100%;transition:none}.stage-history-controls label{color:#cbd5e1;justify-content:space-between;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.stage-history-controls input{color:#ebeff4;background:#0b0f14;border:1px solid #344152;border-radius:4px;width:5.2rem;padding:.12rem .22rem;font-size:.7rem}.stage-history-metrics{color:#9ca3af;margin:0;font-family:Consolas,Courier New,monospace;font-size:.67rem}.stage{width:100%;height:100%;display:block}.top-right-tools{pointer-events:auto;align-items:center;gap:.45rem;display:flex}.canvas-status{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;background:#0006;border:1px solid #1f2937;border-radius:999px;max-width:min(70vw,680px);padding:.2rem .7rem;font-size:.82rem;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.status-eject{font-weight:600}.status-eject-body{font-weight:700}.stage-manual{cursor:grab;touch-action:none}.stage-manual:active{cursor:grabbing}.hud{color:#d1d5db;font-variant-numeric:tabular-nums;background:#0006;border:1px solid #1f2937;border-radius:6px;width:10rem;padding:.2rem .55rem;font-size:.85rem;line-height:1.25}.hud>div+div{margin-top:.1rem}.hud-accent{color:#60a5fa;font-weight:700}.panel-toggle-icon{color:#d1d5db;cursor:pointer;background:#0006;border:1px solid #344152;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.body-hover-tooltip{z-index:5;color:#dde5ef;white-space:nowrap;pointer-events:none;background:#080b0feb;border:1px solid #3b4a5c;border-left-width:3px;border-radius:8px;width:max-content;min-width:0;max-width:none;padding:.35rem .5rem;font-family:Consolas,Courier New,monospace;font-size:.78rem;line-height:1.28;position:absolute;box-shadow:0 4px 16px #00000059}.body-hover-title{margin-bottom:.15rem;font-weight:700}.body-hover-line{opacity:.95}.modal-backdrop{z-index:20;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#121820;border:1px solid #344152;border-radius:10px;width:min(560px,100%);padding:.8rem .9rem}.modal-card h3{margin:0 0 .6rem;font-size:1.05rem}.modal-card label{flex-direction:column;align-items:stretch;gap:.25rem;margin:.35rem 0;font-size:.9rem;display:flex}.modal-card input,.modal-card textarea{color:#ebeff4;background:#0b0f14;border:1px solid #344152;border-radius:4px;width:100%;padding:.35rem .45rem}.modal-card textarea{resize:vertical;min-height:78px}@media (width<=980px){.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.layout.panel-collapsed{grid-template-rows:minmax(0,1fr)}.panel{border-bottom:1px solid #1f2937;border-right:0;max-height:45dvh}.layout.panel-collapsed .stage-wrap{height:100dvh}}@media (width<=980px) and (orientation:portrait){.stage-top-overlays{gap:.3rem}.canvas-status{max-width:min(92vw,520px);position:static;top:auto;left:auto;transform:none}}