.pion-stair-viewer{padding-bottom:8px}.pion-stair-stage{background:radial-gradient(at 50% 42%,#fff 0%,#efefea 62%,#e7e9e1 100%);border:1px solid #e0e1d9;border-radius:18px;height:clamp(430px,66svh,760px);position:relative;overflow:hidden}.pion-stair-host{position:absolute;inset:0}.pion-stair-host canvas{touch-action:none;width:100%;height:100%;display:block}.pion-stair-overlay{z-index:5;text-align:center;background:#f5f5eff0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.pion-stair-overlay strong{font-size:18px}.pion-stair-overlay span,.pion-stair-error p{color:var(--muted);font-size:12px}.pion-stair-error p{max-width:560px;line-height:1.6}.pion-stair-stage-label{z-index:3;pointer-events:none;letter-spacing:1px;font-size:11px;font-weight:800;position:absolute;top:18px;left:20px}.pion-stair-stage-label span{color:var(--muted);font-weight:400}.pion-stair-hint{z-index:3;pointer-events:none;white-space:nowrap;color:var(--muted);letter-spacing:.8px;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pion-stair-technical-badge{z-index:3;pointer-events:none;color:#a12424;letter-spacing:.7px;background:#ffffffe0;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;position:absolute;top:18px;right:18px}.stair-axis-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stair-axis-extension{stroke:#a6232380;stroke-width:1px;vector-effect:non-scaling-stroke}.stair-axis-line,.stair-axis-tick{stroke:#b52b2b;stroke-width:1.35px;vector-effect:non-scaling-stroke}.stair-axis-text{fill:#a12424;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#fffffff2;stroke-width:4px;stroke-linejoin:round;font:700 11px Arial,Helvetica,sans-serif}.stair-axis-label-bg{fill:#fff;fill-opacity:.97;stroke:#e6c9c3;stroke-width:.6px}.stair-dimension-summary{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.stair-dimension-summary span{color:#912727;background:#fff8f4;border:1px solid #ddbbb2;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:700}.pion-stair-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0 6px;display:grid}.pion-stair-tabs,.pion-stair-actions{flex-wrap:wrap;gap:8px;display:flex}.pion-stair-tabs button[aria-selected=true]{border-color:var(--accent);background:#e4ecdf}.pion-stair-note{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.pion-stair-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.pion-stair-specs>div{border:1px solid var(--line);background:#ffffff9e;border-radius:12px;min-height:86px;padding:14px}.pion-stair-specs strong,.pion-stair-specs span{display:block}.pion-stair-specs strong{color:var(--accent);letter-spacing:.4px;margin-bottom:6px;font-size:11px}.pion-stair-specs span{color:var(--muted);font-size:12px;line-height:1.55}.pion-stair-share{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.stair-bom{overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;background:#f8f8f2;padding:24px;position:absolute;inset:0;overflow:auto}.stair-bom-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.stair-bom-heading .eyebrow{margin:0 0 8px;font-size:10px}.stair-bom-heading h2{letter-spacing:.04em;margin:0;font-size:26px}.stair-bom-heading>span{color:var(--accent);text-align:right;font-size:12px}.stair-bom-intro,.stair-bom-footnote{color:var(--muted);margin:14px 0;font-size:12px;line-height:1.65}.stair-bom-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:18px 0 24px;font-size:12px}.stair-bom-table caption{text-align:left;color:var(--accent);margin-bottom:10px;font-size:14px;font-weight:800}.stair-bom-table th{text-align:left;background:#e7ebdf;padding:10px 12px;font-weight:700}.stair-bom-table th:last-child{text-align:right;width:88px}.stair-bom-table td{vertical-align:top;background:#fff;border-bottom:1px solid #dce0d4;padding:12px}.stair-bom-table td:last-child{text-align:right;white-space:nowrap}.stair-bom-table td:last-child strong{color:var(--accent);font-size:20px}.stair-bom-table td>a,.stair-bom-table td>strong{font-size:13px;font-weight:800}.stair-bom-table td>span,.stair-bom-table td>small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;line-height:1.5;display:block}.stair-bom-table td>small{font-size:11px}.stair-bom-table td>.stair-bom-included{color:#456033;font-weight:700}.stair-bom-table .stair-bom-unused td{background:#f0f2ec}.stair-bom-table .stair-bom-unused td:last-child strong{color:var(--muted)}.stair-bom-assemblies{border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.stair-bom-assemblies summary{cursor:pointer;min-height:28px;font-weight:700}.stair-bom-assemblies ul{margin:10px 0;padding-left:18px}.stair-bom-assemblies li{margin:10px 0}.stair-bom-assemblies li span{color:var(--muted);display:block}@media (max-width:860px){.pion-stair-controls{grid-template-columns:1fr}.pion-stair-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.pion-stair-stage{border-radius:13px;height:58svh;min-height:390px;max-height:650px}.pion-stair-controls{bottom:max(6px,env(safe-area-inset-bottom));z-index:8;padding:9px 6px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f1ecf5;border-radius:12px;margin:0 -6px;position:sticky}.pion-stair-tabs{grid-template-columns:repeat(5,1fr);display:grid}.pion-stair-tabs button{min-width:0;padding-inline:8px}.pion-stair-actions{grid-template-columns:46px 46px 1fr;display:grid}.pion-stair-actions button:last-child{grid-column:1/-1}.pion-stair-specs{grid-template-columns:1fr}.pion-stair-share{grid-template-columns:1fr;display:grid}.pion-stair-hint{font-size:9px;bottom:14px}.pion-stair-stage-label{font-size:9px;top:12px;left:12px}.pion-stair-technical-badge{text-align:right;max-width:48%;font-size:8px;top:10px;right:10px}.stair-axis-text{font-size:9px}.stair-bom{padding:14px}.stair-bom-heading{align-items:flex-start}.stair-bom-heading>span{max-width:110px;font-size:11px}.stair-bom-table td,.stair-bom-table th{padding:10px 8px}.stair-bom-table th:last-child{width:67px}}@media (max-width:760px),(pointer:coarse) and (max-width:1180px){.viewer-section.pion-stair-viewer .viewer-control-dock .view-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.viewer-section.pion-stair-viewer .viewer-control-dock .view-tabs [role=tab]{font-size:13px}}@media (max-width:340px){.viewer-section.pion-stair-viewer .viewer-control-dock .view-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}.front-set-options{flex-wrap:wrap;gap:8px;width:100%;padding:8px 0;display:flex}.front-set-options label{align-items:center;gap:6px;font-size:13px;display:flex}.front-set-options button,.front-set-options select{color:#272727;background:#fff;border:1px solid #cbc9c4;border-radius:8px;max-width:170px;min-height:48px;padding:8px}