.lab-rail{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:0;border:1px solid #ffffff26;border-bottom:0;padding:0 20px;background:#1b2021}.lab-modes,.lab-actions{display:flex;align-items:center;gap:22px}.lab-modes button,.lab-actions button{display:flex;align-items:center;gap:7px;font-size:10px;min-height:54px;padding:0;color:#aab8b0;white-space:nowrap}.lab-modes button{border-bottom:2px solid transparent}.lab-modes button.active{border-color:var(--orange);color:#f3eee5}.lab-modes button.active svg{color:var(--orange)}.lab-rail svg{width:15px;height:15px}.lab-actions{gap:18px}.lab-actions button:hover,.lab-modes button:hover{color:#f1f0e9}.lab-controls{border:1px solid #ffffff26;border-bottom:0;padding:16px 21px;background:#242b2b;min-height:66px}.lab-controls p{font-size:11px;line-height:1.7;color:#b0beb4}.lab-controls-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.lab-controls-row>button{border:1px solid #77877b;border-radius:3px;min-height:33px;padding:7px 13px;font-size:10px;color:#f1f0e9;white-space:nowrap}.lab-controls-row>button:hover{border-color:var(--orange)}.lab-controls-row>button[aria-pressed=true]{background:var(--orange);color:var(--ink);border-color:var(--orange)}.lab-controls-row>label{display:flex;align-items:center;gap:12px;font-size:10px;color:#b4c2b8;flex:1;min-width:180px}.lab-controls-row input[type=range]{height:3px;accent-color:var(--orange);min-width:100px;flex:1;cursor:pointer}.lab-controls-row output{font-family:Consolas,monospace;font-size:11px;min-width:32px;color:#ebece4}.lab-controls-row select{font:inherit;font-size:10px;background:#1a2221;color:#e5ede5;border:1px solid #68796b;padding:7px 10px;border-radius:3px}.lab-stage-label{font-size:10px;color:#f5683c;min-width:130px}.lab-controls .lab-disclosure{font-size:9px;color:#a5b5a9;margin-top:10px}.lab-idle-hint{display:flex;align-items:center;gap:11px;min-height:31px}.lab-idle-hint svg{color:var(--orange);width:17px;height:17px}.lab-live-status{font-size:10px;color:#a5baa9;margin-left:auto}.lab-live-status:not(:empty){padding-left:10px}.lab-share{border:1px solid #ffffff26;border-bottom:0;background:#242b2b;padding:14px 21px}.lab-share label{display:block;font-size:10px;color:#b2bfb5;margin-bottom:8px}.lab-share input{width:100%;background:#141d19;color:#d9e5db;border:1px solid #617565;border-radius:3px;padding:10px;font-size:11px}.comparison-reference{position:absolute;top:0;bottom:0;left:0;width:50%;border-right:1px solid #ffffff24;background:#18201d}.comparison-reference canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.is-comparing[data-touch-orbit=true] .comparison-reference canvas{touch-action:none}.reference-label{position:absolute;left:24px;top:28px;font-size:11px;display:flex;align-items:center;gap:9px;color:#bcd1bf;pointer-events:none}.reference-label b,.current-label-badge{font-family:Consolas,monospace;font-size:9px;font-weight:400;display:inline-grid;place-items:center;width:19px;height:19px;background:#3d5041;color:#e0e9dc}.reference-dimensions{position:absolute;left:52px;top:55px;font-size:9px;font-family:Consolas,monospace;color:#a1b6a5;pointer-events:none}.playground-canvas-wrap.is-comparing>canvas{left:50%;width:50%}.is-comparing>.drawing-label{left:calc(50% + 24px)}.is-comparing .current-label-badge{background:#a44629;color:#ffefdf;margin-right:7px}.is-comparing .playground-view-tools{top:80px}.comparison-tag{position:absolute;bottom:60px;left:24px;font-size:8px;color:#9dae9f;pointer-events:none}.lab-compare-results{grid-column:1/-1;background:#1a211e;border-top:1px solid #ffffff26;padding:24px 30px}.comparison-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:19px}.comparison-heading h3{font-weight:400;font-size:19px;letter-spacing:-.02em}.comparison-heading>span{font-size:10px;color:#b2c6b5}.comparison-table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.comparison-table th{text-align:right;font-weight:400;font-size:9px;color:#9bb19f;padding:10px 12px;border-bottom:1px solid #ffffff24}.comparison-table td{padding:12px;border-bottom:1px solid #ffffff13;text-align:right;color:#cedcd0}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;padding-left:0}.comparison-table .delta-less{color:#9ecaac}.comparison-table .delta-more{color:#f5b08b}.comparison-note{font-size:9px;color:#acbfb0;line-height:1.8;margin-top:15px}.assembly-hud{position:absolute;left:28px;bottom:65px;display:flex;align-items:center;gap:13px;padding:9px 12px;background:#202c25;border:1px solid #5e7765;border-radius:3px;font-size:9px;color:#c5d8ca;pointer-events:none}.assembly-hud strong{font-family:Consolas,monospace;color:#e5f0e7;font-size:10px;font-weight:400}.section-hud{position:absolute;left:28px;bottom:65px;border:1px solid #a36146;background:#2e2822;border-radius:3px;padding:9px 12px;font-size:9px;color:#efbea3;pointer-events:none}.lab-legend{display:flex;align-items:center;gap:13px;color:#adbbaf;font-size:9px}.lab-legend>span{display:flex;align-items:center;gap:5px}.lab-legend i{height:5px;width:5px;background:#8ca991;border-radius:50%}.lab-legend>span:last-child i{background:var(--orange)}
@media(max-width:1100px){.lab-rail{padding:0 15px;gap:10px}.lab-modes,.lab-actions{gap:15px}.lab-modes button,.lab-actions button{font-size:9px}.lab-actions button>span{display:none}.lab-controls-row{gap:14px}.lab-compare-results{padding:22px}.lab-live-status{display:none}}
@media(max-width:760px){.lab-rail{flex-wrap:wrap;gap:0;padding:0 16px}.lab-modes{width:100%;justify-content:space-between;gap:10px}.lab-modes button{font-size:9px;min-height:48px;gap:5px}.lab-modes svg{width:12px;height:12px}.lab-actions{width:100%;justify-content:flex-end;border-top:1px solid #ffffff17;gap:22px}.lab-actions button{font-size:10px;min-height:40px}.lab-actions button>span{display:inline}.lab-live-status{display:block;font-size:8px;margin:0 auto 0 0;padding:0!important;max-width:130px}.lab-controls{padding:15px 16px}.lab-controls p{font-size:10px}.lab-controls-row{gap:13px}.lab-controls-row>label{min-width:170px;font-size:10px}.lab-stage-label{font-size:10px;min-width:0}.lab-controls .lab-disclosure{font-size:8px}.playground-canvas-wrap.is-comparing{height:600px}.is-comparing>.comparison-reference{width:100%;height:50%;bottom:auto;border-right:0;border-bottom:1px solid #ffffff24}.playground-canvas-wrap.is-comparing>canvas{left:0;top:50%;height:50%;width:100%}.is-comparing>.drawing-label{left:24px;top:calc(50% + 24px)}.is-comparing .playground-view-tools{top:calc(50% + 22px);right:20px}.is-comparing .drawing-baseline>span:first-child{display:none}.is-comparing .drawing-baseline{justify-content:flex-end}.reference-label{font-size:10px;top:22px}.reference-dimensions{font-size:8px;top:49px}.comparison-tag{font-size:8px;bottom:16px}.lab-compare-results{padding:24px 19px}.comparison-heading{display:block}.comparison-heading h3{font-size:20px}.comparison-heading>span{display:block;font-size:9px;line-height:1.6;margin-top:10px}.comparison-table{font-size:9px}.comparison-table td,.comparison-table th{padding:11px 4px}.comparison-table th{font-size:8px}.comparison-note{font-size:9px}.assembly-hud,.section-hud{left:23px;bottom:55px;font-size:8px}.lab-share{padding:14px 16px}}
[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-comparing>.drawing-label{padding-left:28px;pointer-events:none}.is-comparing .current-label-badge{position:absolute;left:0;top:0}.lab-controls select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.comparison-table small{font-size:9px;white-space:nowrap}
.lab-modes button,.lab-actions button{font-size:11px}.lab-controls-row>button{font-size:11px;min-height:38px}.lab-controls-row>label,.lab-controls-row select{font-size:11px}.lab-stage-label{font-size:11px}.lab-controls .lab-disclosure{font-size:10px}.comparison-table{font-size:12px}.comparison-table th{font-size:10px}.comparison-note{font-size:11px}.reference-label{font-size:12px}.reference-dimensions{font-size:10px}.lab-legend{font-size:10px}
@media(max-width:760px){.lab-modes button,.lab-actions button{font-size:11px}.lab-modes{gap:7px}.lab-rail{padding:0 13px}.lab-controls-row>button{min-height:42px}.lab-controls-row>label,.lab-controls-row select{font-size:11px}.lab-controls .lab-disclosure{font-size:10px}.lab-controls p{font-size:11px}.comparison-table{font-size:11px}.comparison-table td{vertical-align:top}.comparison-table th{font-size:10px}.comparison-table th:first-child{max-width:85px}.comparison-table small{display:block;font-size:10px;margin-top:4px}.comparison-note{font-size:10px}.reference-label{font-size:11px}.reference-dimensions{font-size:9px}.lab-stage-label{font-size:11px}.lab-legend{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lab-controls *{transition:none!important}}
@media(max-width:370px){.lab-modes button{font-size:10px}.lab-modes{gap:4px}.lab-rail{padding:0 10px}}