.build-page{color:#f5f5f0;background:#0f1419;min-height:100vh;padding:2rem}.build-page-error{color:#9a9a9a;place-items:center;display:grid}.build-header h1{font-family:var(--font-heading,"Space Grotesk", sans-serif);font-size:clamp(2rem,4vw,3rem);font-weight:500}.build-header p{color:#9a9a9a;margin-top:.5rem}.build-playbook-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2.5rem;display:grid}.build-playbook-card{color:#f5f5f0;cursor:pointer;text-align:left;background:#171b20;border:1px solid #27272a;border-radius:12px;padding:2rem 1.5rem;font-size:1.05rem;transition:border-color .2s,transform .2s}.build-playbook-card:hover{border-color:#d4af37;transform:translateY(-2px)}.build-layout{grid-template-columns:1fr 380px;gap:1.5rem;padding:1.5rem;display:grid}@media (max-width:900px){.build-layout{grid-template-columns:1fr}.build-canvas{height:45vh}}.build-canvas{background:radial-gradient(at 50% 40%,#1a2027 0%,#0c1014 70%);border:1px solid #1e242b;border-radius:16px;height:calc(100vh - 3rem);position:sticky;top:1.5rem;overflow:hidden}.build-canvas-loading{color:#9a9a9a;letter-spacing:.05em;place-items:center;height:100%;font-size:.9rem;display:grid}.build-sidebar{flex-direction:column;gap:1.25rem;max-height:calc(100vh - 3rem);padding-right:.25rem;display:flex;overflow-y:auto}.build-case-select label,.slot-picker-label{letter-spacing:.12em;color:#d4af37;font-size:.72rem;font-weight:600}.build-case-select select{color:#f5f5f0;background:#171b20;border:1px solid #27272a;border-radius:8px;width:100%;margin-top:.4rem;padding:.6rem .75rem}.slot-picker{background:#14181d;border:1px solid #1e242b;border-radius:12px;padding:1rem}.slot-picker-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.slot-picker-clear{color:#9a9a9a;cursor:pointer;background:0 0;border:none;font-size:.75rem}.slot-picker-clear:hover{color:#f5f5f0}.slot-picker-tier-name{color:#71717a;text-transform:uppercase;letter-spacing:.08em;margin:.6rem 0 .3rem;font-size:.7rem}.slot-picker-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.slot-variant{text-align:left;color:#e8e8e3;cursor:pointer;background:#171b20;border:1px solid #23282f;border-radius:8px;grid-template-columns:1fr auto;gap:.15rem .75rem;width:100%;padding:.55rem .7rem;transition:border-color .15s;display:grid}.slot-variant:hover:not(:disabled){border-color:#d4af37}.slot-variant-selected{background:#1c2027;border-color:#d4af37}.slot-variant-incompatible{opacity:.45;cursor:not-allowed}.slot-variant-title{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.slot-variant-price{color:#d4af37;font-size:.85rem;font-weight:600}.slot-variant-reason{color:#b0685f;grid-column:1/-1;font-size:.72rem}.slot-variant-warning{color:#c9a227;grid-column:1/-1;font-size:.72rem}.build-pricing{background:#14181d;border:1px solid #1e242b;border-radius:12px;padding:1.1rem;position:sticky;bottom:0}.build-pricing-row{color:#9a9a9a;justify-content:space-between;padding:.2rem 0;font-size:.85rem;display:flex}.build-pricing-total{color:#d4af37;border-top:1px solid #23282f;justify-content:space-between;margin-top:.6rem;padding-top:.6rem;font-size:1.25rem;font-weight:600;display:flex}.build-continue{text-align:center;color:#0f1419;background:#d4af37;border-radius:8px;margin-top:.9rem;padding:.75rem;font-weight:600;text-decoration:none;transition:filter .15s;display:block}.build-continue:hover{filter:brightness(1.08)}.build-continue[aria-disabled=true]{opacity:.5;pointer-events:none}