@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20201e;background:#e9e8e3;font-synthesis:none;text-rendering:optimizeLegibility;--paper:#f4f3ee;--canvas:#deddd7;--ink:#20201e;--muted:#77766f;--line:#c9c8c1;--orange:#e85f28}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:var(--paper)}.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:17px;font-weight:600;letter-spacing:-.02em}.brand-symbol{width:34px;height:34px;display:grid;place-items:center;color:var(--paper);background:var(--ink)}.topbar>p{margin:0;color:var(--muted);font-size:12px}.header-actions{justify-self:end;display:flex;align-items:center;gap:18px}.saved-state{display:flex;align-items:center;gap:6px;color:#74736d;font-size:11px}.reset-button{display:flex;align-items:center;gap:7px;border:0;border-left:1px solid var(--line);background:transparent;padding:5px 0 5px 18px;font-size:12px;cursor:pointer}.reset-button:hover:not(:disabled){color:var(--orange)}.reset-button:disabled{opacity:.35;cursor:not-allowed}.intro-row{min-height:150px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding:34px 32px 28px;border-bottom:1px solid var(--line)}.intro-row>p{max-width:430px;justify-self:end;margin:0 0 3px;color:var(--muted);font-size:13px;line-height:1.6}.section-number{margin:0 0 15px;color:var(--orange);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.08em}h1{margin:0;font-size:clamp(34px,4vw,55px);line-height:.95;letter-spacing:-.055em;font-weight:500}h2,h3{margin:0;font-weight:500}h2{font-size:15px}h3{font-size:12px}.workspace{min-height:650px;height:calc(100vh - 262px);display:grid;grid-template-columns:286px minmax(440px,1fr) 306px;border-bottom:1px solid var(--line)}.catalog,.configuration{padding:25px 22px;background:var(--paper)}.catalog{border-right:1px solid var(--line)}.configuration{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.catalog h2,.configuration h2{margin-bottom:22px}.equipment-list{border-top:1px solid var(--line)}.equipment-row{width:100%;min-height:78px;display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;padding:12px 4px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;transition:background .12s ease,padding .12s ease}.equipment-row:hover{background:#ecebe6;padding-left:8px;padding-right:8px}.equipment-row.active{background:#20201e;color:#f7f6f1;padding-left:10px;padding-right:10px}.equipment-swatch{width:7px;height:28px}.equipment-copy{min-width:0;display:grid;gap:6px}.equipment-copy strong{font-size:12px;font-weight:500}.equipment-copy small{color:var(--muted);font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.equipment-row.active .equipment-copy small{color:#aaa9a3}.equipment-spec{display:grid;text-align:right;gap:5px;font-family:IBM Plex Mono,monospace}.equipment-spec b{color:var(--orange);font-size:10px;font-weight:500}.equipment-spec small{color:var(--muted);font-size:9px}.catalog-note{margin:22px 2px 0;color:var(--muted);font-size:10px;line-height:1.65}.scene-panel{min-width:0;position:relative;overflow:hidden;background:var(--canvas)}.scene-panel canvas{position:absolute!important;inset:0}.scene-help{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#77766f;font-size:10px;white-space:nowrap}.rack-id{position:absolute;top:22px;left:24px;color:#54534f;font-family:IBM Plex Mono,monospace;font-size:10px}.rack-id span{margin-left:8px;color:var(--orange)}.toast{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:18px;border:1px solid #bcbab2;background:#f7f6f1;padding:10px 12px;font-size:10px;box-shadow:0 4px 14px #29282414;cursor:pointer}.toast span{color:var(--orange);font-size:9px}.summary{border-top:1px solid var(--line)}.summary>div{padding:17px 0;border-bottom:1px solid var(--line)}.summary span,.summary small{display:block;color:var(--muted);font-size:9px}.summary strong{display:block;margin:7px 0;font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:500}.progress{height:4px;background:#d9d8d1;margin-top:12px}.progress i{display:block;height:100%;background:var(--ink);transition:width .25s ease}.power-warning strong,.power-warning small{color:#b53d16}.inventory-header{margin-top:26px;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.inventory-header span{min-width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:9px}.inventory-list{min-height:180px;max-height:270px;overflow-y:auto}.inventory-item{min-height:58px;display:grid;grid-template-columns:37px 1fr 28px;gap:9px;align-items:center;border-bottom:1px solid var(--line)}.inventory-unit{font-family:IBM Plex Mono,monospace;color:var(--orange);font-size:9px}.inventory-item div{display:grid;gap:5px}.inventory-item strong{font-size:10px;font-weight:500}.inventory-item small{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:8px}.inventory-item button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#8e8c85;cursor:pointer}.inventory-item button:hover{color:#b53d16}.empty-state{min-height:210px;display:grid;place-content:center;justify-items:center;text-align:center}.empty-rack-icon{width:39px;height:54px;padding:7px 5px;border:2px solid #aaa8a1;display:grid;gap:5px}.empty-rack-icon span{border:1px solid #aaa8a1}.empty-state p{margin:14px 0 5px;font-size:11px}.empty-state small{color:var(--muted);font-size:9px}footer{height:40px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}footer span:first-child{color:var(--ink);font-weight:500}@media(max-width:1000px){.workspace{height:auto;grid-template-columns:250px minmax(420px,1fr);grid-template-rows:640px auto}.configuration{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.inventory-list{max-height:none}}@media(max-width:700px){.topbar{height:64px;grid-template-columns:1fr auto;padding:0 18px}.topbar>p,.saved-state{display:none}.intro-row{min-height:170px;display:block;padding:28px 18px 22px}.intro-row>p{margin-top:22px;font-size:12px}.workspace{display:flex;flex-direction:column}.scene-panel{height:520px;order:1}.catalog{order:2;border-right:0;border-top:1px solid var(--line)}.configuration{order:3}.catalog,.configuration{padding:24px 18px}footer{padding:0 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}