.panel-style-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.panel-composition-options button,.panel-style-options button{text-align:center;padding-inline:.6rem}.panel-composition-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.panel-checkbox{display:flex;align-items:center;gap:.75rem;min-height:44px;margin-top:.75rem;font-size:.85rem;cursor:pointer}.panel-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--diagram-ink);flex-shrink:0}.article-explainer .panel-control-note{margin:.4rem 0 0}.article-explainer .panel-control-note,.panel-reading-key{font-size:.75rem;line-height:1.7;color:var(--diagram-muted)}.panel-reading-key{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem .75rem;margin-top:.75rem}.panel-area-reading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.5rem;margin-top:1.5rem;padding:1.25rem;background:#e7edde;border-radius:.75rem}.panel-area-reading>div>span:first-child{font-size:.8rem}.panel-area-reading strong{display:block;font-weight:450;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.3;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.panel-area-reading strong small{font-size:1rem;letter-spacing:0}.article-explainer .panel-area-reading p{font-size:.85rem;color:var(--diagram-muted);margin:.25rem 0 0;line-height:1.7}.panel-wall{fill:#f8f8ee;stroke:#98aa8e;stroke-width:2}.panel-surface{fill:#d8e2c9;stroke:#8a9e78;stroke-width:1}.panel-slat{fill:#a9bd92;stroke:#879f70;stroke-width:1}.panel-groove{fill:none;stroke:#879f70;stroke-width:1.3}.panel-frame{fill:#c5d5b2;stroke:#879f70;stroke-width:2}.panel-joint{fill:none;stroke:#8a9e78;stroke-width:1.5}.panel-cap{fill:none;stroke:#74885f;stroke-width:5}.panel-bed,.panel-upholstery{fill:#e7ddc9;stroke:#88795f;stroke-width:2}.panel-cushion,.panel-pillow{fill:#f5eddf;stroke:#a5967b;stroke-width:1.5}.panel-headboard{fill:#c7b99f;stroke:#88795f;stroke-width:2}.panel-bedside{fill:#d8c7a5;stroke:#88795f;stroke-width:2}.panel-floor,.panel-leg{fill:none;stroke:#53685b;stroke-width:2}.panel-measurements path{fill:none;stroke:#53685b;stroke-width:1.25}.explainer-svg .panel-measurements text{fill:#203c32;font-size:21px}.panel-centerline{fill:none;stroke:#53685b;stroke-width:1.5;stroke-dasharray:7 5}.panel-sockets circle{fill:#faf8e9;stroke:#735728;stroke-width:2.5}.panel-sockets path{fill:none;stroke:#735728;stroke-width:2}.panel-window{fill:#ddebef;stroke:#6d8e99;stroke-width:3}.panel-window-bar{fill:none;stroke:#6d8e99;stroke-width:2}.panel-door{fill:#f5f1e8;stroke:#958872;stroke-width:3}.panel-door-handle{fill:#958872}.panel-screen{fill:#31473e;stroke:#203c32;stroke-width:3}.panel-screen-reflection{fill:none;stroke:#9aaf99;stroke-width:2;opacity:.5}@media (max-width:620px){.panel-style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-style-options button:last-child{grid-column:1/-1}.panel-area-reading,.panel-composition-options{grid-template-columns:minmax(0,1fr)}.panel-area-reading{gap:1rem}}