:root{color-scheme:dark;--bp-bg: #0a1828;--bp-bg-2: #0f223a;--bp-bg-deep: #06101e;--bp-line: #7fb3ff;--bp-line-dim: #4a7baa;--bp-text: #c8e0ff;--bp-text-dim: #5d7fa8;--bp-grid: rgba(127, 179, 255, .1);--bp-grid-2: rgba(127, 179, 255, .04);--bp-accent: #4ad6ff;--bp-warn: #ffb24a;--bp-error: #ff6b8a;--bp-ok: #6ddca8;--bp-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, ui-monospace, monospace;--tp-base-background-color: rgba(15, 34, 58, .82);--tp-base-shadow-color: rgba(0, 0, 0, .5);--tp-blade-horizontal-padding: 8px;--tp-blade-value-width: 50%;--tp-button-background-color: rgba(127, 179, 255, .08);--tp-button-background-color-active: rgba(127, 179, 255, .22);--tp-button-background-color-focus: rgba(127, 179, 255, .16);--tp-button-background-color-hover: rgba(127, 179, 255, .14);--tp-button-foreground-color: #c8e0ff;--tp-container-background-color: rgba(127, 179, 255, .04);--tp-container-background-color-active: rgba(127, 179, 255, .1);--tp-container-background-color-focus: rgba(127, 179, 255, .06);--tp-container-background-color-hover: rgba(127, 179, 255, .06);--tp-container-foreground-color: #c8e0ff;--tp-groove-foreground-color: rgba(127, 179, 255, .2);--tp-input-background-color: rgba(0, 0, 0, .35);--tp-input-background-color-active: rgba(0, 0, 0, .55);--tp-input-background-color-focus: rgba(0, 0, 0, .55);--tp-input-background-color-hover: rgba(0, 0, 0, .45);--tp-input-foreground-color: #c8e0ff;--tp-label-foreground-color: rgba(140, 175, 220, .85);--tp-monitor-background-color: rgba(0, 0, 0, .3);--tp-monitor-foreground-color: #c8e0ff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bp-bg);color:var(--bp-text);font:11px/1.4 var(--bp-mono);letter-spacing:.02em}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#title-block{position:fixed;top:18px;left:24px;z-index:20;user-select:none}#title-block h1{margin:0;font:600 22px/1 var(--bp-mono);letter-spacing:.22em;color:var(--bp-text)}#title-block .subtitle{margin-top:6px;font-size:9.5px;letter-spacing:.16em;color:var(--bp-text-dim);text-transform:uppercase}#title-block .subtitle .accent{color:var(--bp-error)}#title-block .view-modes{display:flex;gap:6px;margin-top:14px}#title-block .vm{font:500 9.5px/1 var(--bp-mono);letter-spacing:.18em;text-transform:uppercase;background:#0f223a99;color:var(--bp-text-dim);border:1px solid rgba(127,179,255,.2);padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .12s,color .12s,background .12s}#title-block .vm:hover{color:var(--bp-text)}#title-block .vm.active{color:var(--bp-text);border-color:var(--bp-accent);background:#4ad6ff14}#title-block .vm .dot{width:6px;height:6px;border-radius:50%;background:var(--bp-line-dim);display:inline-block}#title-block .vm .dot.blue{background:var(--bp-accent);box-shadow:0 0 6px #4ad6ff99}#title-block .vm .dot.grey{background:#6a7a8a}#title-block .vm .dot.amber{background:var(--bp-warn)}#stats{position:fixed;top:22px;right:28px;z-index:20;display:flex;gap:28px;user-select:none}#stats span{display:flex;flex-direction:column;gap:4px;align-items:flex-end;min-width:60px}#stats label{font-size:8.5px;letter-spacing:.22em;color:var(--bp-text-dim);text-transform:uppercase}#stats b{font:500 13px/1 var(--bp-mono);letter-spacing:.04em;color:var(--bp-text)}#stats b.warn{color:var(--bp-warn)}#stats b.error{color:var(--bp-error)}#stats b.ok{color:var(--bp-ok)}#topright-actions{position:fixed;top:78px;right:28px;z-index:20;display:flex;gap:6px}.bp-btn{font:500 9.5px/1 var(--bp-mono);letter-spacing:.18em;background:#0f223a99;color:var(--bp-text-dim);border:1px solid rgba(127,179,255,.2);padding:7px 12px;cursor:pointer;text-transform:uppercase}.bp-btn:hover{color:var(--bp-text);border-color:var(--bp-accent)}#ui{position:fixed;top:130px;right:24px;width:290px;z-index:10}#ui .tp-rotv{border:1px solid rgba(127,179,255,.18);backdrop-filter:blur(6px)}#ui .tp-rotv_t,#ui .tp-fldv_t{font:500 9.5px/1 var(--bp-mono)!important;letter-spacing:.18em!important;text-transform:uppercase!important}#ui .tp-lblv_l{font:400 10px/1 var(--bp-mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important}#bottombar{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;gap:32px;padding:10px 24px;background:linear-gradient(to top,#06101ef2,#06101e99);border-top:1px solid rgba(127,179,255,.18);font:500 10px/1 var(--bp-mono);letter-spacing:.06em}#bottombar .bb-meta{display:flex;gap:8px;align-items:baseline}#bottombar .bb-meta label{color:var(--bp-text-dim);letter-spacing:.18em;text-transform:uppercase;font-size:9px}#bottombar .bb-meta b{color:var(--bp-text);font-weight:500}#bottombar .bb-meta b.ok{color:var(--bp-ok)}#bottombar .bb-meta b.warn{color:var(--bp-warn)}#bottombar .bb-meta b.error{color:var(--bp-error)}#bottombar .bb-spacer{flex:1}#ruler{position:fixed;left:0;top:110px;bottom:36px;width:56px;z-index:5;pointer-events:none;font:400 9px/1 var(--bp-mono);color:var(--bp-text-dim);letter-spacing:.05em}#ruler .tick{position:absolute;left:0;right:0;border-top:1px solid rgba(127,179,255,.18);padding:2px 8px 0;text-align:right}#ruler .tick.major{border-top-color:#7fb3ff4d;color:var(--bp-text)}#bom-panel{position:fixed;left:24px;bottom:56px;z-index:9;width:calc(100% - 362px);max-height:42vh;background:#0f223adb;color:var(--bp-text);border:1px solid rgba(127,179,255,.18);backdrop-filter:blur(8px);display:flex;flex-direction:column;font:400 10.5px/1.3 var(--bp-mono);letter-spacing:.02em}#bom-panel.collapsed{max-height:32px;overflow:hidden}#bom-panel .bom-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid rgba(127,179,255,.14)}#bom-panel h3{margin:0;font:500 9.5px/1 var(--bp-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bp-text)}#bom-panel .bom-actions{display:flex;gap:6px}#bom-panel button{font:500 9px/1 var(--bp-mono);letter-spacing:.16em;text-transform:uppercase;background:#7fb3ff0f;color:var(--bp-text-dim);border:1px solid rgba(127,179,255,.18);padding:4px 9px;cursor:pointer}#bom-panel button:hover{color:var(--bp-text);border-color:var(--bp-accent)}#bom-panel .bom-settings{display:flex;gap:14px;padding:6px 12px;border-bottom:1px solid rgba(127,179,255,.1);color:var(--bp-text-dim);font-size:10px}#bom-panel .bom-settings label{display:flex;align-items:center;gap:6px;letter-spacing:.06em}#bom-panel .bom-settings input{width:64px}#bom-panel .bom-table-wrap{flex:1;overflow:auto}#bom-panel table{border-collapse:collapse;width:100%}#bom-panel th,#bom-panel td{text-align:left;padding:5px 10px;border-bottom:1px solid rgba(127,179,255,.06)}#bom-panel th{position:sticky;top:0;background:#081626f2;color:var(--bp-text-dim);font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:9px}#bom-panel td.num,#bom-panel th.num{text-align:right;font-variant-numeric:tabular-nums}#bom-panel td.rm{width:22px;text-align:center;color:var(--bp-text-dim);cursor:pointer}#bom-panel td.rm:hover{color:var(--bp-error)}#bom-panel input[type=text],#bom-panel input[type=number]{background:transparent;color:inherit;border:1px solid transparent;padding:2px 4px;font:inherit;letter-spacing:.02em}#bom-panel input:hover{border-color:#7fb3ff2e}#bom-panel input:focus{outline:none;border-color:var(--bp-accent);background:#00000059}#bom-panel tr.auto td{background:#4ad6ff0d}#bom-panel .bom-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 16px;padding:8px 12px;border-top:1px solid rgba(127,179,255,.18);font-variant-numeric:tabular-nums}#bom-panel .bom-totals .t-label{color:var(--bp-text-dim);font-size:9px;letter-spacing:.18em;text-transform:uppercase}#bom-panel .bom-totals .t-value{color:var(--bp-text);font-weight:500}#pattern-modal{position:fixed;inset:0;z-index:100;display:none}#pattern-modal.open{display:block}#pattern-modal .pm-backdrop{position:absolute;inset:0;background:#06101edb;backdrop-filter:blur(2px)}#pattern-modal .pm-panel{position:absolute;inset:40px;background:var(--bp-bg);border:1px solid rgba(127,179,255,.22);display:flex;flex-direction:column;color:var(--bp-text)}#pattern-modal header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(127,179,255,.18)}#pattern-modal h3{margin:0;font:500 11px/1 var(--bp-mono);letter-spacing:.22em;text-transform:uppercase}#pattern-modal .pm-actions{display:flex;gap:8px}#pattern-modal button{background:#7fb3ff14;color:var(--bp-text);border:1px solid rgba(127,179,255,.22);padding:6px 14px;font:500 9.5px/1 var(--bp-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}#pattern-modal button:hover{border-color:var(--bp-accent)}#pattern-modal .pm-meta{padding:8px 18px;color:var(--bp-text-dim);font-size:10px;border-bottom:1px solid rgba(127,179,255,.1)}#pattern-modal .pm-body{flex:1;overflow:auto;padding:16px;background:var(--bp-bg-deep);background-image:linear-gradient(var(--bp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bp-grid) 1px,transparent 1px),linear-gradient(var(--bp-grid-2) 1px,transparent 1px),linear-gradient(90deg,var(--bp-grid-2) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}#pattern-modal .pm-body svg{display:block;max-width:100%;height:auto;margin:0 auto;background:transparent;filter:drop-shadow(0 0 1px rgba(74,214,255,.4))}#pattern-modal .pm-body svg .cut{stroke:#cfe5ff!important}#pattern-modal .pm-body svg .seam{stroke:var(--bp-accent)!important}#pattern-modal .pm-body svg .lbl{fill:#c8e0ffd9!important}
