.designer{--designer-navy:var(--navy,#101e32);--designer-amber:var(--amber,#ffd18a);--designer-cream:var(--cream,#fff4df);background:var(--designer-navy);color:var(--designer-cream);padding:clamp(1rem,3vw,2rem);border:1px solid #566174;border-radius:1rem;margin-block:2rem;color-scheme:dark}.designer *{box-sizing:border-box}.designer h2{color:var(--designer-cream);margin-top:0}.designer p{line-height:1.6}.designer a{color:var(--designer-amber)}.designer-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:1.25rem;margin-top:1.25rem}.designer-load,.designer-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.designer label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.designer input,.designer select,.designer button{font:inherit}.designer select,.designer input[type=number]{width:100%;background:#192d45;color:var(--designer-cream);border:1px solid #8592a3;border-radius:.4rem;padding:.5rem}.designer input[type=file]{max-width:100%;font-size:.9rem}.designer button{cursor:pointer;background:var(--designer-amber);color:#152136;border:1px solid transparent;border-radius:.45rem;padding:.6rem .8rem;font-weight:700;min-height:44px}.designer button:disabled{opacity:.45;cursor:default}.designer :focus-visible{outline:3px solid #fff3c8;outline-offset:4px}.designer-controls{display:grid;gap:.85rem;align-content:start}.designer-controls p,#designer-help{font-size:.85rem}.designer-stage{border:2px dashed #8993a3;border-radius:.6rem;overflow:hidden;background:#0b1526}.designer-stage[data-dragging=true]{border-color:var(--designer-amber)}#designer-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}#designer-status{min-height:1.6em;color:var(--designer-amber)}.designer-estimator{margin-top:1.5rem;border:1px solid #8592a3;border-radius:.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem}.designer-estimator legend{font-weight:700;padding:0 .5rem}.designer-estimator output,.designer-estimator p{grid-column:1/-1}.designer-estimator output{color:var(--designer-amber);font-weight:700}.designer input[type=range]{width:100%;accent-color:var(--designer-amber)}@media(max-width:760px){.designer-layout{grid-template-columns:1fr}.designer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-controls .designer-actions,.designer-controls p{grid-column:1/-1}.designer-estimator{grid-template-columns:1fr}.designer-load{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.designer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.designer-layout>*,.designer-controls>*,.designer-load>*,.designer-estimator{min-width:0}.designer input[type=file]{width:100%}

.designer-shopping{margin-top:1.5rem}.shop-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.shop-controls>*{min-width:0}.shop-table-wrap{overflow-x:auto}#shop-list{width:100%;border-collapse:collapse;text-align:left}#shop-list caption{text-align:left;line-height:1.5;margin-bottom:.75rem}#shop-list th,#shop-list td{padding:.75rem;border-bottom:1px solid #566174;vertical-align:top}#shop-list thead{color:var(--designer-amber)}.shop-unavailable{color:#b5bcc7}#shop-disclosure{font-size:.9rem}@media(max-width:760px){.shop-controls{grid-template-columns:1fr}#shop-list th,#shop-list td{padding:.6rem .35rem}#shop-list{font-size:.9rem}}