:root{--bg: #f6f7f9;--surface: #fff;--soft: #f2f3f5;--ink: #111317;--ink-2: #5c6370;--muted: #8a9099;--line: #e6e8eb;--accent: #f5c400;--ok: #16a34a;--warn: #f59e0b;--bad: #dc2626;--on: #111317;--knob-on: #fff;color-scheme: light}@media (prefers-color-scheme: dark){:root{--bg: #0f1113;--surface: #17191c;--soft: #202328;--ink: #f1f2f4;--ink-2: #a5abb4;--muted: #7b828c;--line: #2a2e34;--on: #f5c400;--knob-on: #111317;color-scheme: dark}}*{box-sizing: border-box}body{margin: 0;background: var(--bg);color: var(--ink);font: 14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing: antialiased}.stripe{height: 5px;background: repeating-linear-gradient(135deg,#f5c400 0 10px,#111317 10px 20px)}.app{display: grid;grid-template-columns: 232px minmax(0,1fr);min-height: calc(100vh - 5px)}.side{position: sticky;top: 0;align-self: start;height: calc(100vh - 5px);display: flex;flex-direction: column;gap: 20px;padding: 22px 14px;border-right: 1px solid var(--line);background: var(--surface)}.brand{display: flex;align-items: center;gap: 10px;padding: 0 8px;font: 700 17px/1 system-ui,sans-serif;letter-spacing: -0.01em}.brand img{border-radius: 7px}.nav{display: grid;gap: 2px}.nav button{display: flex;align-items: center;gap: 10px;width: 100%;border: 0;background: transparent;color: var(--ink-2);font: 500 14px system-ui,sans-serif;padding: 9px 10px;border-radius: 9px;cursor: pointer;text-align: left}.nav button:hover{background: var(--soft);color: var(--ink)}.nav button[aria-selected="true"]{background: var(--soft);color: var(--ink);font-weight: 600}.nav svg,.btn svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;flex: none}.side-status{margin-top: auto;display: flex;align-items: center;gap: 8px;padding: 10px;border-radius: 10px;background: var(--soft);font-size: 12.5px;color: var(--ink-2)}.content{padding: 36px 40px 64px;max-width: 820px;width: 100%}.page-head{margin-bottom: 20px}h1{font: 700 26px/1.2 system-ui,sans-serif;letter-spacing: -0.015em;margin: 0 0 6px}h2{font: 600 15px/1.3 system-ui,sans-serif;margin: 0 0 14px}.dot{width: 8px;height: 8px;border-radius: 50%;background: var(--muted);flex: none}.dot.ok{background: var(--ok)}.dot.warn{background: var(--warn)}.dot.bad{background: var(--bad)}.card{background: var(--surface);border: 1px solid var(--line);border-radius: 16px;padding: 20px}.card + .card{margin-top: 14px}.grid2{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.switches{margin-top: 12px}.switches-card{padding-top: 8px;padding-bottom: 8px}.btn.danger{color: var(--bad)}.muted{color: var(--ink-2);font-size: 13px;margin: 0}.stack{display: grid;gap: 14px}.row{display: flex;flex-wrap: wrap;gap: 10px;align-items: center}.between{display: flex;align-items: center;justify-content: space-between;gap: 12px}label.field{display: grid;gap: 6px;font-size: 12.5px;color: var(--ink-2)}input,select{font: 14px system-ui,sans-serif;color: var(--ink);background: var(--soft);border: 1px solid transparent;border-radius: 10px;padding: 9px 12px;width: 100%}input:hover,select:hover{border-color: var(--line)}input[type="number"]{font-variant-numeric: tabular-nums}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;font: 500 13.5px system-ui,sans-serif;color: var(--ink);background: var(--soft);border: 0;border-radius: 10px;padding: 9px 14px;cursor: pointer;white-space: nowrap}.btn:hover{filter: brightness(0.97)}.btn.primary{background: var(--ink);color: var(--surface)}.btn.ghost{background: transparent;color: var(--ink-2);padding: 9px 10px}.btn:disabled{opacity: 0.45;cursor: default}.switch{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 10px 0;font-size: 14px;cursor: pointer}.switch + .switch{border-top: 1px solid var(--line)}.switch small{display: block;color: var(--ink-2);font-size: 12.5px;margin-top: 1px}.switch input{appearance: none;-webkit-appearance: none;width: 36px;height: 22px;padding: 0;border-radius: 999px;background: var(--line);position: relative;flex: none;cursor: pointer;transition: background 0.15s;border: 0}.switch input::after{content: "";position: absolute;top: 3px;left: 3px;width: 16px;height: 16px;border-radius: 50%;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.25);transition: transform 0.15s}.switch input:checked{background: var(--on)}.switch input:checked::after{transform: translateX(14px);background: var(--knob-on)}.label-grid{display: grid;grid-template-columns: 260px 1fr;gap: 24px;align-items: start}.preview canvas{display: block;width: 100%;height: auto;border-radius: 8px;background: #fff;box-shadow: 0 0 0 1px var(--line),0 6px 18px -8px rgba(0,0,0,0.25);image-rendering: pixelated}.preview .row{margin-top: 10px}.preview input{width: 90px}.num-inline{width: 64px !important;text-align: center;padding: 6px 8px !important}details{border-top: 1px solid var(--line);margin-top: 18px;padding-top: 14px}summary{cursor: pointer;color: var(--ink-2);font-size: 13.5px;list-style: none}summary::-webkit-details-marker{display: none}summary::before{content: "›";display: inline-block;margin-right: 8px;transition: transform 0.15s}details[open] summary::before{transform: rotate(90deg)}.grid3{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin-top: 14px}.pair{display: flex;gap: 8px;margin-top: 14px}.pair input{max-width: 160px;font: 600 18px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing: 0.25em;text-align: center}.toast{color: var(--ok);font-size: 13px}.err{color: var(--bad);font-size: 13px;margin: 10px 0 0}table{width: 100%;border-collapse: collapse;font-size: 13.5px}th{text-align: left;font-weight: 500;font-size: 12px;color: var(--muted);padding: 8px 10px;border-bottom: 1px solid var(--line)}td{padding: 9px 10px;border-bottom: 1px solid var(--line)}tr:last-child td{border-bottom: 0}td.cell{font-weight: 700;font-variant-numeric: tabular-nums}td.dim{color: var(--ink-2)}.table-scroll{overflow: auto;max-height: 460px;margin-top: 12px}.map td{padding: 4px 6px}.map input{padding: 7px 9px}.boxes{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 8px}.boxes div{display: flex;align-items: center;gap: 8px;padding: 8px;border-radius: 10px;background: var(--soft);font-size: 12.5px;color: var(--ink-2)}.boxes b{display: inline-grid;place-items: center;min-width: 26px;height: 26px;padding: 0 4px;border-radius: 6px;background: var(--ink);color: var(--surface);font-size: 14px}.card.mb{padding: 0;overflow: hidden}.mb-bar{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;padding: 14px 16px;border-bottom: 1px solid var(--line)}.mb-spacer{flex: 1}.mb-summary{font-size: 13px;color: var(--ink-2)}.mb-summary.warn{color: var(--bad)}.mb-total-label{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--ink-2);white-space: nowrap}.mb-total{width: 84px;padding: 6px 8px}.mb-canvas{background: var(--bg);outline: none;touch-action: none;user-select: none;-webkit-user-select: none}.mb-canvas svg{display: block;width: 100%;height: auto;max-height: 520px}.mb-empty{padding: 56px 24px;display: grid;gap: 16px;justify-items: center;text-align: center;color: var(--ink-2)}.mb-empty p{margin: 0;max-width: 46ch}.mb-inspector{padding: 16px;border-top: 1px solid var(--line);display: grid;gap: 14px}.mb-inspector > .muted{margin: 0}.mb-fields{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 12px;align-items: end}.mb-row{display: flex;align-items: center;gap: 20px;flex-wrap: wrap}.switch.mb-switch{padding: 0;gap: 12px}.mb-range{font-weight: 600;font-variant-numeric: tabular-nums}.mb-actions{display: flex;flex-wrap: wrap;gap: 2px;align-items: center}.mb-actions .muted{margin-right: auto;font-size: 12.5px}.mb-front-title{font-size: 12px;color: var(--muted);margin-bottom: 6px}.mb-front{display: grid;gap: 6px;padding: 10px;border-radius: 12px;background: var(--soft);overflow-x: auto}.mb-shelf{display: grid;grid-template-columns: 18px repeat(var(--cols),minmax(34px,1fr));gap: 3px;padding-bottom: 6px;border-bottom: 3px solid var(--line)}.mb-shelf:last-child{border-bottom: 0;padding-bottom: 0}.mb-shelf-n{font-size: 11px;color: var(--muted);align-self: center}.mb-slot{font: 600 11.5px ui-monospace,"SF Mono",Menlo,monospace;text-align: center;padding: 6px 0;background: var(--surface);border-radius: 5px;font-variant-numeric: tabular-nums}.mb-slot.off{background: transparent}.plan .pl-grid{stroke: var(--line);stroke-width: 1px;vector-effect: non-scaling-stroke;opacity: 0.6}.plan .pl-grid.major{opacity: 1}.plan .pl-room{fill: var(--surface);stroke: var(--muted);stroke-width: 1.5px;vector-effect: non-scaling-stroke}.plan .pl-room-g.sel .pl-room{stroke: var(--accent);stroke-width: 3px}.plan .pl-room-name{font: 500 15px system-ui,sans-serif;fill: var(--ink-2)}.plan .pl-rack{fill: var(--ink)}.plan .pl-rack.other{fill: var(--muted)}.plan .pl-rack.overflow{fill: var(--bad)}.plan .pl-rack.sel{stroke: var(--accent);stroke-width: 3px;vector-effect: non-scaling-stroke}.plan .pl-rack-name{fill: var(--surface);font-family: system-ui,sans-serif;font-weight: 700;text-anchor: middle}.plan .pl-rack-range{fill: var(--surface);font-family: system-ui,sans-serif;text-anchor: middle;opacity: 0.85}.plan [data-id]{cursor: grab}.plan .pl-handle{fill: var(--accent);stroke: var(--ink);stroke-width: 1.5px;vector-effect: non-scaling-stroke;cursor: nwse-resize}[hidden]{display: none !important}@media (max-width: 760px){.app{grid-template-columns: 1fr}.side{position: static;height: auto;flex-direction: row;flex-wrap: wrap;align-items: center;padding: 12px 16px;border-right: 0;border-bottom: 1px solid var(--line)}.nav{display: flex;overflow-x: auto}.nav button{white-space: nowrap}.side-status{margin-top: 0}.content{padding: 24px 16px 48px}.grid2{grid-template-columns: 1fr}}@media (max-width: 640px){.label-grid{grid-template-columns: 1fr}.mb-fields{grid-template-columns: 1fr 1fr}.grid3{grid-template-columns: 1fr 1fr}.boxes{grid-template-columns: repeat(2,minmax(0,1fr))}}