@font-face{font-family:XF3Lufga;src:url('./xf3-lufga-regular.woff2') format('woff2');font-display:swap}@font-face{font-family:XF3Lufga;src:url('./xf3-lufga-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
.lab-page{--ink:#17191c;--muted:#65686e;--line:#e1e3e6;--paper:#fff;--blue:#1f5fff;--surface:#f7f8fa;background:var(--paper);color:var(--ink);font-family:XF3Lufga,system-ui,sans-serif;font-size:calc(16px * var(--lab-scale,1));line-height:1.5;padding:0 32px 28px;max-width:1800px;margin:auto}.lab-page a{color:inherit}.lab-page button,.lab-page input,.lab-page select,.lab-page textarea{font:inherit}.lab-page button{cursor:pointer}.lab-header{padding:18px 0 6px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line)}.lab-brand{display:flex;gap:10px;align-items:center;text-decoration:none}.lab-brand>span{font-size:28px;line-height:1.15;letter-spacing:-.02em}.lab-brand small{display:block;font-size:20px;color:var(--blue);margin-top:3px}.lab-preferences{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:13px}.lab-preferences label{display:grid;gap:3px;color:var(--muted)}.lab-preferences select{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.lab-header nav{flex-basis:100%;display:flex;justify-content:flex-end;gap:26px;font-size:14px;padding:2px 0 8px}.lab-header nav a{text-decoration:none}.lab-header nav a:hover{color:var(--blue)}.lab-intro{display:flex;justify-content:space-between;align-items:center;padding:28px 0 22px}.lab-intro h1{font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:8px 0 10px}.lab-intro p{margin:0;color:var(--muted)}.lab-intro .xf3v2__eyebrow{font-size:10px;color:var(--blue);letter-spacing:.15em}.lab-material{font-size:13px;border:1px solid var(--line);padding:8px 14px;border-radius:30px}.lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:28px;align-items:start}.lab-preview-column{position:sticky;top:20px;min-width:0}.lab-viewer-shell{background:#eeefec;border:1px solid var(--line);border-radius:14px;overflow:hidden}.lab-viewer{height:clamp(400px,65vh,740px);position:relative;color:#30343b;touch-action:none}.lab-viewer canvas{display:block}.lab-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;color:#565e66;background:#f9faf8;border-top:1px solid #ddd}.lab-viewer-toolbar button{border:0;background:none;color:#1f5fff;padding:6px}.lab-preview-note{color:var(--muted);font-size:12px;margin:12px 4px}.lab-fallback{padding:28px;position:absolute;inset:0;display:grid;place-content:center;text-align:center}.lab-page .xf3v2__builder{display:block;padding:0;background:none}.lab-page .xf3v2__form{display:block}.lab-page .xf3v2__section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lab-page .xf3v2__section-title h2{font-size:23px;font-weight:600;margin:0}.lab-page .xf3v2__section-title h2 span{font-size:13px;font-weight:400;color:var(--muted);margin-left:7px}.lab-page [data-reset-shelf]{border:0;background:none;font-size:12px;color:var(--blue);padding:5px}.lab-page fieldset{padding:0;border:0;margin:14px 0}.lab-page legend{font-size:12px;color:var(--muted)}.lab-page .xf3v2__chips{gap:5px;margin:6px 0 18px}.lab-page .xf3v2__chips button{background:var(--surface);color:var(--ink);border-radius:20px;font-size:12px;padding:7px 12px}.lab-page .xf3v2__dimensions{gap:14px}.lab-page .xf3v2__dimensions label{font-size:13px;font-weight:400}.lab-page .xf3v2__dimensions label>span{font-size:10px;color:var(--muted)}.lab-page input[type=number],.lab-page select,.lab-page input[data-detail],.lab-page textarea{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px;min-height:42px;width:100%}.lab-page input[type=range]{accent-color:var(--blue);height:14px}.lab-page .xf3v2__option{display:block;margin:12px 0;padding-top:0;border:0}.lab-page .xf3v2__option label{font-size:13px;font-weight:400;gap:5px}.lab-page .xf3v2__option [data-detail-for]{margin-top:8px}.lab-page .lab-custom,.lab-page .lab-extras{border-top:1px solid var(--line);margin:16px 0;padding-top:14px;font-size:13px}.lab-page summary{cursor:pointer;font-weight:600}.lab-custom p{color:var(--muted);font-size:12px}.lab-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.lab-page .xf3v2__checks{grid-template-columns:1fr;font-size:13px}.lab-page .xf3v2__file-notice{font-size:12px;background:var(--surface);padding:10px}.lab-page .xf3v2__qty{font-size:13px}.lab-page .xf3v2__qty input{width:80px;margin-top:6px}.lab-page .xf3v2__summary{position:static;padding:18px 0;background:none;box-shadow:none}.lab-page .xf3v2__summary>.xf3v2__eyebrow,.lab-page .xf3v2__summary h2,.lab-page [data-summary-options]{display:none}.lab-page .xf3v2__price{margin:8px 0;padding-top:12px}.lab-page .xf3v2__price strong{font-size:30px}.lab-page .xf3v2__quote-state{background:var(--surface);color:var(--muted);border-radius:6px;margin:0;padding:10px;font-size:12px}.lab-page .xf3v2__primary{border-radius:8px;background:var(--blue);padding:13px;font-weight:600}.lab-page .xf3v2__secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px}.lab-page .xf3v2__error{font-size:12px;padding:10px;margin:10px 0;color:#8f2525}.lab-page .xf3v2__mobile{display:none}.lab-specs{padding:36px 0;border-top:1px solid var(--line);margin-top:28px}.lab-specs h2{font-size:27px;font-weight:400;letter-spacing:-.03em}.lab-specs>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.lab-specs h3{font-size:16px;font-weight:600}.lab-specs p{font-size:14px;color:var(--muted)}.lab-reference{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:13px}.lab-reference pre{max-height:400px;overflow:auto;white-space:pre-wrap}.lab-page .xf3v2__cart{background:var(--paper);color:var(--ink)}.lab-page :focus-visible{outline:3px solid #729aff;outline-offset:3px}.lab-page [hidden]{display:none!important}
@media(max-width:850px){.lab-page{padding:0 16px 22px}.lab-workspace{grid-template-columns:1fr;gap:18px}.lab-preview-column{position:static}.lab-viewer{height:430px}.lab-page .xf3v2__dimensions{grid-template-columns:1fr 1fr}.lab-header nav{justify-content:flex-start;gap:20px}.lab-preferences{gap:10px}.lab-preferences>span,.lab-material{display:none}.lab-intro{padding:22px 0}.lab-specs>div{grid-template-columns:1fr;gap:8px}.lab-page .xf3v2__summary{padding:12px 0}.lab-page .xf3v2__builder{padding:0}.lab-viewer-toolbar{padding:8px;font-size:10px}}@media(max-width:440px){.lab-brand>span{font-size:23px}.lab-brand small{font-size:16px}.lab-brand img{width:42px;height:42px}.lab-preferences{font-size:11px}.lab-preferences select{padding:5px;min-height:34px}.lab-viewer{height:340px}.lab-header nav{font-size:12px;gap:16px}}

/* Keep the existing store quote and basket visible beside the simulation. */
.lab-page .xf3v2__builder{display:flex;flex-direction:column}.lab-page .xf3v2__summary{order:-1;border-bottom:1px solid var(--line);margin-bottom:18px;padding-top:0}.lab-page .xf3v2__summary h2{display:block;font-size:20px}.lab-page .xf3v2__summary .xf3v2__safety{margin-bottom:10px}
/* Restore the complete Xform Web preference bar, scoped to the store. */
.lab-preferences{flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:calc(12px * var(--lab-header-scale,1))}.lab-preferences label{display:grid!important}.lab-preferences label>span{display:inline!important}.lab-preferences select{max-width:150px;font-size:inherit}.lab-preference-notice{flex-basis:100%;margin:3px 0;color:var(--muted);font-size:12px;text-align:end}.lab-header{font-size:calc(16px * var(--lab-header-scale,1))}.lab-page .lab-brand>span{font-size:1.75em}.lab-page .lab-brand small{font-size:.72em}







.lab-page .xf3v2__dimensions label,.lab-page .xf3v2__option label,.lab-page .xf3v2__qty,.lab-page .lab-extras,.lab-page .lab-custom,.lab-page .xf3v2__checks{font-size:.8125em}.lab-page .xf3v2__price strong{font-size:1.875em}.lab-page .xf3v2__price>span{font-size:1em}.lab-page .xf3v2__section-title h2{font-size:1.4375em}.lab-page .lab-specs p{font-size:.875em}.lab-page .lab-reference{font-size:.8125em}.lab-page .lab-intro p{font-size:1em}.lab-page[dir=rtl] .lab-preferences{margin-left:0;margin-right:auto}
@media(max-width:1100px){.lab-preferences{gap:8px}.lab-header{align-items:start}.lab-preferences select{max-width:126px}}
@media(max-width:650px){.lab-preferences{flex-basis:100%;justify-content:flex-start;margin:8px 0 0;gap:10px}.lab-preferences label{flex:1 1 85px;min-width:0}.lab-preferences select{max-width:100%;width:100%;min-height:40px}.lab-preference-notice{text-align:start}.lab-header nav{flex-wrap:wrap}.lab-page .xf3v2__dimensions label>span{font-size:.75em}}

.lab-page .lab-intro .xf3v2__eyebrow{font-size:.625em}.lab-page .lab-intro h1{font-size:2.3em}.lab-page .lab-specs h2{font-size:1.6875em}.lab-page .lab-specs h3{font-size:1em}.lab-page .xf3v2__safety,.lab-page .xf3v2__quote-state{font-size:.75em}.lab-page .xf3v2__chips button,.lab-page .xf3v2__dimensions label>span{font-size:.75em}

/* Half-inch dragging with prominent, two-decimal numeric entry. */
.lab-page .xf3v2__dimensions input[type=number]{font-size:calc(32px * var(--lab-scale,1));font-weight:600;min-height:62px;line-height:1.2;font-variant-numeric:tabular-nums;padding:10px 12px}.lab-page .xf3v2__dimensions input[type=range]{min-height:30px;cursor:ew-resize}

.lab-header .lab-main-nav{justify-content:flex-start;padding:8px 0}.lab-main-nav .menu{display:flex;flex-wrap:wrap;gap:8px 32px;list-style:none;margin:0;padding:0}.lab-main-nav .group{position:relative;list-style:none}.lab-main-nav .group>a{display:block;padding:10px 0;font-weight:600}.lab-main-nav .sub{display:none;position:absolute;top:100%;left:0;z-index:20;min-width:230px;max-width:calc(100vw - 48px);padding:12px;list-style:none;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px #0002}.lab-main-nav .group:hover>.sub,.lab-main-nav .group:focus-within>.sub{display:block}.lab-main-nav .sub a{display:block;padding:7px 10px;border-radius:6px}.lab-main-nav .sub a:hover{background:var(--surface)}.lab-main-nav .sub-contact{width:380px}.lab-main-nav .divider{border-top:1px solid var(--line);margin:10px 0}.lab-main-nav .contact-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px;font-size:12px}.lab-main-nav .copy-btn{border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:4px 7px}.lab-main-nav .corp-lines{padding:6px;font-size:12px;color:var(--muted)}.lab-footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;border-top:1px solid var(--line);margin-top:32px;padding:32px 0 48px}.lab-footer h2{font-size:30px;margin:0}.lab-footer h3{margin:0 0 16px}.lab-footer p{color:var(--muted)}.lab-footer a{text-decoration:none;color:var(--blue)}
@media(max-width:700px){.lab-main-nav .menu{gap:4px 20px}.lab-main-nav .group:last-child .sub{left:auto;right:0}.lab-footer{grid-template-columns:1fr;gap:20px}}

.lab-svg-preview{height:100%;display:flex;flex-direction:column;background:#f5f8fc;color:#24364c;padding:16px;box-sizing:border-box}.lab-svg-preview p{font-size:13px;text-align:center;margin:0 0 8px}.lab-svg-preview svg{width:100%;flex:1;min-height:0}.lab-viewer[data-render-state=svg]{touch-action:auto}

.lab-viewer-toolbar{flex-wrap:wrap;gap:8px}.lab-view-modes{display:flex;gap:4px}.lab-viewer-toolbar .lab-view-modes button{border:1px solid #cad3df;border-radius:6px;padding:7px 10px;color:#24364c}.lab-viewer-toolbar .lab-view-modes button[aria-pressed=true]{background:#1f5fff;border-color:#1f5fff;color:#fff}.lab-view-modes button:focus-visible{outline:2px solid #1f5fff;outline-offset:3px}

/* Compact store header and purchase panel. */
.lab-header{gap:4px 12px;padding:12px 0 6px}.lab-header .lab-main-nav{justify-content:flex-end;padding:0}.lab-main-nav .menu{justify-content:flex-end;gap:4px 24px}.lab-main-nav .group>a{padding:5px 0}.lab-main-nav .sub{left:auto;right:0}.lab-preferences{gap:10px}.lab-preferences select{min-height:34px;padding:6px 8px}.lab-workspace{padding-top:18px;gap:22px}.lab-page .xf3v2__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:0 0 14px;margin:0 0 14px;align-items:center}.lab-page .xf3v2__summary h2{grid-column:1/-1;margin:0;font-size:1.75em;line-height:1.2;font-weight:600}.lab-page .xf3v2__summary .xf3v2__price{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;border:0;padding:0;margin:0}.lab-page .xf3v2__summary .xf3v2__price strong{font-size:1.7em;line-height:1.25}.lab-page .xf3v2__summary .xf3v2__primary,.lab-page .xf3v2__summary .xf3v2__secondary{margin:0;padding:10px 14px;min-height:42px}.lab-page .xf3v2__summary .xf3v2__quote-state{grid-column:1/-1}.lab-page .xf3v2__summary .xf3v2__safety{grid-column:1/-1;margin:0;font-size:.7em}.lab-page .xf3v2__section-title{margin-bottom:8px}.lab-page .xf3v2__section-title h2{font-size:1em}.lab-page .xf3v2__option{margin:8px 0}.lab-page .xf3v2__chips{margin:4px 0 10px}
@media(max-width:650px){.lab-preferences{margin-top:4px}.lab-header .lab-main-nav{justify-content:flex-end}.lab-main-nav .menu{gap:4px 18px}.lab-workspace{padding-top:12px}}

/* Shelf ordering geometry. Theme and navigation remain in the shared store stylesheet. */
.lab-page .lab-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(16px,2vw,28px);align-items:start}
.lab-page .lab-preview-column{min-width:0;position:sticky;top:16px}
.lab-page .lab-preview-column .lab-viewer-shell{border:0;box-shadow:none;overflow:visible;background:transparent;border-radius:0}
.lab-page .lab-viewer{height:clamp(340px,42vw,520px);overflow:hidden;border-radius:34px 74px 42px 66px / 30px 60px 52px 42px}
.lab-page .lab-viewer-toolbar{padding:8px 0;border-top:0}
.lab-page .lab-preview-note{margin:8px 0}
.lab-page .xf3v2__builder{min-width:0;align-items:stretch;gap:0}
.lab-page .xf3v2__summary{margin-bottom:12px;padding-bottom:12px}
.lab-page .xf3v2__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;align-items:start}
.lab-page .xf3v2__form>.xf3v2__section-title,
.lab-page .xf3v2__form>.xf3v2__error,
.lab-page .xf3v2__form>fieldset,
.lab-page .xf3v2__form>.xf3v2__dimensions,
.lab-page .xf3v2__form>.lab-custom,
.lab-page .xf3v2__form>.lab-extras{grid-column:1/-1}
.lab-page .xf3v2__form>.xf3v2__option{min-width:0;margin:6px 0}
.lab-page .xf3v2__form>fieldset{margin:6px 0}
.lab-page .xf3v2__form>.xf3v2__dimensions{margin:2px 0 8px}
.lab-page .xf3v2__dimensions input[type=number]{min-height:52px}
.lab-page .lab-custom,.lab-page .lab-extras{margin:10px 0;padding-top:10px}
@media(max-width:850px){.lab-page .lab-workspace{grid-template-columns:1fr}.lab-page .lab-preview-column{position:static}.lab-page .lab-viewer{height:clamp(320px,50vw,460px)}}
@media(max-width:600px){.lab-page .xf3v2__form{grid-template-columns:1fr}.lab-page .xf3v2__form>.xf3v2__option{grid-column:1/-1}.lab-page .lab-viewer{height:245px}.lab-page .lab-viewer-toolbar>span{display:none}}
