:root{font-family:"BoConcept Helvetica Neue",Helvetica,Arial,sans-serif;color:#111;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--brand-primary:#1d1d1b;--brand-accent:#b5b5b5;--ink:#111;--muted:#484848;--line:#dfdfdf}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{min-width:320px;background:#fff}
button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.assembly-app{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 398px;grid-template-rows:74px minmax(0,1fr);width:100%;height:100dvh;min-height:540px;overflow:hidden;background:#f1f2f2;isolation:isolate}
pc-app{position:absolute;z-index:0;inset:0 398px 0 0;width:calc(100% - 398px);height:100%;display:block;background:transparent}
pc-app canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}
.topbar{position:relative;z-index:2;grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--brand-primary);color:#fff}
.brand{display:flex;align-items:center;width:86px;height:48px}
.brand img{width:84px;height:38px;object-fit:contain}
.product-heading{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.25px;color:rgba(255,255,255,.76);white-space:nowrap}
.product-heading i{width:20px;height:1px;background:rgba(255,255,255,.5)}
.product-heading strong{font-weight:600;color:#fff}
.top-meta{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.82);font-size:9px;letter-spacing:.45px}
.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--brand-accent)}
.viewer-stage{position:relative;z-index:1;grid-column:1;grid-row:2;min-width:0;overflow:hidden;background:transparent;pointer-events:none}
.model-toolbar{position:absolute;z-index:5;left:50%;bottom:52px;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border:1px solid #dfdfdf;border-radius:8px;background:#fff;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.model-tool{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:4px;background:#fff;cursor:pointer}
.model-tool:hover{background:#f5f5f5}
.model-tool{color:#484848}
.model-tool svg{width:22px;height:22px;stroke-width:1.75}
.model-tool[aria-pressed="true"]{color:#fff}
.model-tool[aria-pressed="true"]{background:var(--brand-primary);border-color:var(--brand-primary)}
.model-tool:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}
.white-model-swatch{width:22px;height:22px;border:1px solid #484848;border-radius:50%;background:#fff;box-shadow:inset -3px -3px 0 #e8e8e8}
.model-tool-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:7px 10px;border-radius:4px;background:#111;color:#fff;font-size:12px;line-height:1.3;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none}
.model-tool:hover .model-tool-tooltip,.model-tool:focus-visible .model-tool-tooltip{visibility:visible;opacity:1}
@media(max-width:680px){.model-toolbar{bottom:37px}.model-tool{width:36px;height:36px}}
.model-tool[hidden]{display:none}
.scene-note{position:absolute;inset:0;z-index:6;pointer-events:none}
.scene-note[hidden],.scene-note-panel[hidden]{display:none}
.scene-note-content{position:absolute;display:flex;align-items:flex-start;gap:6px;pointer-events:auto}
.scene-note-toggle{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;padding:0;border:1px solid var(--brand-primary);border-radius:50%;background:#fff;color:var(--brand-primary);cursor:pointer}
.scene-note-toggle svg{width:17px;height:17px}
.scene-note.is-warning .scene-note-toggle{background:var(--brand-accent);border-color:var(--brand-accent);color:#111}
.scene-note.is-attention .scene-note-toggle{animation:scene-note-vibration 4s linear infinite}
@keyframes scene-note-vibration{0%,6%,100%{transform:translate(0,0)}.5%,1.5%,2.5%,3.5%,4.5%{transform:translate(.8px,-.3px)}1%,2%,3%,4%,5%{transform:translate(-.8px,.3px)}}
@media(prefers-reduced-motion:reduce){.scene-note.is-attention .scene-note-toggle{animation:none}}
.scene-note-panel{position:relative;width:220px;padding:12px 28px 12px 12px;border:1px solid #dfdfdf;border-left:3px solid var(--brand-primary);border-radius:4px;background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.scene-note.is-warning .scene-note-panel{border-left-color:var(--brand-accent)}
.scene-note-panel strong{display:block;font-size:12px;line-height:1.35}
.scene-note-panel p{margin:6px 0 0;color:#484848;font-size:11px;line-height:1.45}
.scene-note-close{position:absolute;right:3px;top:5px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:#484848;cursor:pointer}
.scene-note-close svg{width:14px;height:14px}
.scene-note-toggle:focus-visible,.scene-note-close:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}
.scene-note-line{position:absolute;height:1px;background:#767676;transform-origin:0 50%}
.scene-note-anchor{position:absolute;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:var(--brand-primary);transform:translate(-50%,-50%)}
.scene-note.is-warning .scene-note-anchor{background:var(--brand-accent);border-color:#767676}
@media(max-width:680px){.scene-note-panel{width:170px;padding:9px 24px 9px 9px}.scene-note-panel strong{font-size:11px}.scene-note-panel p{font-size:10px}}
.assembly-celebration{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.assembly-celebration[hidden]{display:none}
.celebration-message{position:absolute;top:80px;left:50%;transform:translateX(-50%);text-align:center;width:max-content;max-width:calc(100% - 32px);color:var(--brand-primary)}
.celebration-message strong{display:block;background:var(--brand-accent);padding:10px 22px;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:0;transform:rotate(-3deg)}
.celebration-message span{display:block;margin-top:13px;font-size:13px;font-weight:700;letter-spacing:0}
.celebration-particles{position:absolute;inset:0}
.celebration-particle{position:absolute;left:50%;top:48%;width:8px;height:17px;background:var(--brand-accent)}
.celebration-particle.is-blue{background:var(--brand-primary)}
.celebration-particle.is-fitting{width:13px;height:13px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.celebration-particle.is-fitting:after{content:'';position:absolute;inset:4px;background:white;border-radius:50%}
@media(max-width:680px){.celebration-message{top:48px}.celebration-message strong{font-size:20px;padding:7px 16px}.celebration-message span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.scene-caption{position:absolute;z-index:2;top:25px;left:30px;display:flex;align-items:center;gap:8px;color:#79828b;font-size:9px;font-weight:600;letter-spacing:1.05px;pointer-events:none}
.material-callout{position:absolute;z-index:3;left:30px;top:58px;display:grid;gap:5px;max-width:180px;color:#123f63;pointer-events:none}
.material-callout[hidden]{display:none}
.material-kicker{color:#547083;font-size:9px;font-weight:700;letter-spacing:.9px}
.material-row{display:flex;align-items:center;gap:9px}
.material-row img,.material-row img#material-image{display:block;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;object-fit:contain}
.material-callout strong{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}
.material-name{color:#697984;font-size:10px}
#material-items{display:grid;gap:8px}
.material-row>div{display:grid;gap:3px;min-width:0}
.material-callout .material-row strong{font-size:14px;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
.material-tools-label{margin-top:4px}
.material-callout .material-tool strong{font-size:11px}
.material-tool .material-name{font-size:9px}
@media(max-width:680px){#material-items{gap:4px}.material-callout .material-row strong{font-size:12px}.material-callout .material-tool strong{font-size:10px}.material-callout .material-tool img{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important}.material-tool .material-name{font-size:8px}}
.scene-controls{position:absolute;z-index:3;top:18px;right:22px;display:flex;gap:6px;pointer-events:auto}
.scene-controls[hidden]{display:none}
.scene-control{height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid rgba(188,196,202,.9);background:rgba(255,255,255,.92);color:#46515a;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.scene-control:hover{border-color:var(--brand-primary);color:var(--brand-primary)}
.scene-control[aria-pressed="true"]{border-color:var(--brand-primary);background:#eaf3fa;color:var(--brand-primary)}
.toggle-state{min-width:22px;color:#78828a;font-size:9px;font-weight:500}
.scene-control[aria-pressed="true"] .toggle-state{color:var(--brand-primary)}
.live-dot{width:7px;height:7px;border-radius:50%;background:#7cae25;box-shadow:0 0 0 3px rgba(124,174,37,.12)}
.tools-callout{position:absolute;z-index:2;left:30px;bottom:28px;display:grid;gap:6px;color:#123f63;max-width:180px;pointer-events:none}
.tools-callout[hidden]{display:none}
#tool-items{display:grid;gap:6px}
.tools-callout strong{font-size:11px;line-height:1.3;letter-spacing:0}
.tools-callout .material-row img{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important}
@media(max-width:680px){.tools-callout{left:16px;bottom:100px;max-width:135px}.tools-callout strong{font-size:10px}.tools-callout .material-name{font-size:8px}#tool-items{gap:4px}.tools-callout .material-row img{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important}}
.drag-hint{position:absolute;z-index:2;right:22px;bottom:27px;display:flex;align-items:center;gap:8px;color:#8a929a;font-size:8px;font-weight:600;letter-spacing:.7px;white-space:nowrap;pointer-events:none}
@media(max-width:680px){.drag-hint{right:16px}}
.drag-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #d8dde1;border-radius:50%;color:var(--brand-primary);font-size:14px;font-weight:400}
.guide-panel{position:relative;z-index:2;grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0;padding:26px 28px 18px;border-left:1px solid #e8ebee;background:#fff}
.guide-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.eyebrow{margin:0 0 7px;color:#727b83;font-size:8px;font-weight:600;letter-spacing:1.1px}
.guide-head h1{margin:0;color:#202124;font-size:21px;font-weight:600;letter-spacing:0}
.sheet-counter{display:flex;align-items:baseline;gap:4px;padding-bottom:1px;color:#8a9198;font-size:11px;font-variant-numeric:tabular-nums}
.sheet-counter strong{color:var(--brand-primary);font-size:23px;font-weight:600}
.step-progress{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:3px;margin:17px 0 22px}
.progress-step{height:3px;border:0;padding:0;background:#e7eaed;cursor:pointer}
.progress-step.done{background:#78a92a}
.progress-step.current{background:var(--brand-primary)}
.sheet-label{display:flex;justify-content:space-between;gap:10px;color:#68727a;font-size:8px;font-weight:600;letter-spacing:.85px}
.sheet-label span:last-child{font-variant-numeric:tabular-nums;color:#8b939a}
.instruction-image-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;margin:10px 0 10px;overflow:hidden;background:#f7f8f8;border:1px solid #eef0f1}
.instruction-image-wrap img{display:block;width:100%;height:100%;object-fit:contain}
.instruction-image-wrap:has(iframe:not([hidden])){flex:0 1 auto;width:100%;aspect-ratio:595.276 / 841.89;min-height:0;max-height:calc(100% - 210px);margin:10px 0;overflow:hidden;background:#fff;border:0}
.instruction-image-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff;overflow:hidden}
.instruction-image-wrap [hidden]{display:none}
.catalog-item.is-selectable{width:100%;font:inherit;cursor:pointer;transition:background .15s}
.catalog-item.is-selectable:hover{background:#eef3f5}
.catalog-item-status.has-model{color:#3c6d12;font-weight:600}
.instruction-copy{flex:0 0 auto;padding:0 0 15px}
.step-title-line{display:flex;align-items:center;gap:10px}
.step-marker{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;background:var(--brand-accent);color:#202124;font-size:9px;font-weight:700}
.instruction-copy h2{margin:0;color:#202124;font-size:14px;font-weight:600;letter-spacing:0}
.instruction-copy p{margin:8px 0 0;color:#626b73;font-size:10px;line-height:1.5}
.guide-footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:13px;border-top:1px solid var(--line)}
.nav-button{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfd5da;background:#fff;color:#333a40;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.nav-button:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}
.nav-button:disabled{opacity:.42;cursor:default}
.nav-button.next{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}
.nav-button.next:hover:not(:disabled){border-color:#004780;background:#004780}
.source-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:#68727a;font-size:8px;line-height:1.45}
.safety-symbol{display:grid;place-items:center;width:13px;height:13px;flex:0 0 auto;border-radius:50%;background:#fff3c4;color:#705b00;font-size:9px;font-weight:700}
.preloader{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#fff;transition:opacity .6s ease,visibility .6s;pointer-events:all}
.preloader>img{width:116px;height:56px;object-fit:contain;margin-bottom:12px}
.preloader-title{color:#4d565e;font-size:9px;font-weight:700;letter-spacing:1.5px}
.preloader-status{color:#899198;font-size:10px}
.progress-track{width:160px;height:3px;margin-top:5px;overflow:hidden;background:#e7eaed}
.progress-fill{display:block;width:0;height:100%;background:var(--brand-primary);transition:width .25s ease}
.progress-value{position:absolute;margin:147px 0 0 205px;color:#899198;font-size:8px;font-variant-numeric:tabular-nums}
.is-loading .topbar,.is-loading .viewer-stage,.is-loading .guide-panel{opacity:0;translate:0 10px}
.is-ready .topbar,.is-ready .viewer-stage,.is-ready .guide-panel{animation:arrive .65s cubic-bezier(.2,.7,.2,1) both}
.is-ready .viewer-stage{animation-delay:.1s}.is-ready .guide-panel{animation-delay:.2s}.is-ready .preloader{opacity:0;visibility:hidden;pointer-events:none}
@keyframes arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-height:720px) and (min-width:761px){.guide-panel{padding-top:17px;padding-bottom:12px}.step-progress{margin:12px 0 15px}.instruction-copy{padding-bottom:9px}.instruction-copy p{margin-top:5px}.source-note{margin-top:8px}}
@media(max-width:900px){.assembly-app{grid-template-columns:minmax(0,1fr) 350px}.guide-panel{padding-left:20px;padding-right:20px}pc-app{right:350px;width:calc(100% - 350px)}}
@media(max-width:680px){html,body{overflow:auto}.assembly-app{height:100dvh;min-height:700px;grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(330px,46dvh) minmax(330px,1fr);overflow-y:auto}pc-app{right:0;bottom:auto;width:100%;height:calc(64px + 46dvh)}.topbar{grid-column:1;grid-row:1;padding:0 15px}.brand,.brand img{width:68px}.brand img{height:32px}.product-heading{font-size:8px;gap:8px}.product-heading i{width:12px}.top-meta{font-size:7px;gap:5px}.viewer-stage{grid-column:1;grid-row:2}.scene-caption{top:15px;left:16px;font-size:7px}.material-callout{left:16px;top:40px;max-width:160px}.material-kicker{font-size:7px}.material-row img,.material-row img#material-image{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important}.material-callout strong{font-size:15px}.material-name{font-size:8px}.scene-controls{top:9px;right:10px;gap:4px}.scene-control{height:30px;padding:0 8px;font-size:9px}.model-caption{left:16px;bottom:14px}.drag-hint{bottom:13px;font-size:6px}.drag-icon{width:18px;height:18px}.guide-panel{grid-column:1;grid-row:3;min-height:0;padding:17px 16px 13px;border-left:0;border-top:1px solid #e8ebee}.guide-head h1{font-size:18px}.step-progress{gap:2px;margin:12px 0 15px}.progress-step{height:3px}.instruction-image-wrap{min-height:105px;margin:9px 0}.instruction-copy{padding-bottom:10px}.instruction-copy h2{font-size:12px}.instruction-copy p{font-size:9px;margin-top:5px}.guide-footer{padding-top:9px}.nav-button{height:36px;font-size:9px}.source-note{font-size:7px;margin-top:8px}.preloader>img{width:98px}.progress-value{margin-left:195px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.product-picker{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;overflow:auto;background:#f6f7f7;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s}
.product-picker.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.picker-header{height:74px;flex:0 0 74px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--brand-primary);color:#fff}
.picker-header .brand{width:90px}
.picker-header .brand img{width:88px}
.picker-header-label,.picker-header-meta{font-size:9px;font-weight:600;letter-spacing:1.1px}
.picker-header-label{position:absolute;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.83)}
.picker-header-meta{color:rgba(255,255,255,.72)}
.picker-content{width:min(1280px,calc(100% - 80px));margin:0 auto;padding:54px 0 34px}
.picker-intro{margin-bottom:24px}
.picker-kicker{margin:0 0 10px;color:#567186;font-size:9px;font-weight:700;letter-spacing:1.2px}
.picker-intro h1{margin:0;color:#202124;font-size:34px;font-weight:500;letter-spacing:0}
.picker-intro>p:last-child{margin:9px 0 0;color:#68727a;font-size:14px}
.product-search{height:58px;display:flex;align-items:center;gap:16px;padding:0 18px;border:1px solid #b7c0c7;background:#fff;box-shadow:0 2px 8px #0b27300a}
.product-search:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary)26}
.search-mark{position:relative;width:17px;height:17px;flex:0 0 auto;border:2px solid #53636f;border-radius:50%}
.search-mark:after{position:absolute;right:-6px;bottom:-4px;width:7px;height:2px;content:"";transform:rotate(48deg);background:#53636f}
.product-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#202124;font:inherit;font-size:14px}
.product-search input::placeholder{color:#828b91}
.product-search kbd{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border:1px solid #e1e5e8;color:#747d84;font-size:11px}
.product-categories{display:flex;gap:8px;overflow:auto;margin:19px 0 20px;padding-bottom:4px}
.category-button{height:34px;flex:0 0 auto;padding:0 14px;border:1px solid #d5dade;background:transparent;color:#46525b;font-size:11px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.category-button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}
.category-button.is-active{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}
.picker-results-head{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #d8dde0;color:#62717c;font-size:9px;font-weight:700;letter-spacing:1px}
.picker-results{display:block;padding-top:12px}
.catalog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.catalog-item{min-width:0;min-height:100px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;overflow:hidden;padding:0;border:1px solid #e0e4e6;background:#fff;text-align:left;transition:border-color .18s,transform .18s}
.catalog-item-image{display:block;width:96px;height:96px;grid-column:1;object-fit:contain;background:#fff}
.catalog-item-copy{display:grid;align-content:center;gap:3px;grid-column:2;padding:8px 10px}
.catalog-item-copy strong{color:#303a40;font-size:13px;font-weight:500}
.catalog-item-copy span{color:#828b91;font-size:10px}
.catalog-item-status{margin-top:2px;color:#3c6d12;font-size:8px;font-weight:600}
.catalog-item.is-selectable:hover{transform:translateY(-2px);border-color:#7e9eb3}
.picker-empty{grid-column:1/-1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#68727a;text-align:center}
.picker-empty strong{color:#202124;font-size:15px;font-weight:500}
.picker-empty span{font-size:11px}
.picker-footer{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding:16px 40px;border-top:1px solid #e1e5e7;color:#808990;font-size:9px}
.back-to-products{position:absolute;left:134px;display:flex;align-items:center;gap:8px;padding:8px 0;border:0;background:transparent;color:rgba(255,255,255,.87);font-size:11px;cursor:pointer}
.back-to-products:hover{color:#fff}
@media(max-width:900px){.picker-content{width:calc(100% - 48px);padding-top:38px}.catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-footer,.picker-header{padding-left:24px;padding-right:24px}}
@media(max-width:680px){.product-picker{position:fixed}.picker-header{height:62px;flex-basis:62px;padding:0 16px}.picker-header .brand,.picker-header .brand img{width:70px}.picker-header-label{font-size:8px}.picker-header-meta{display:none}.picker-content{width:calc(100% - 32px);padding:30px 0 22px}.picker-intro{margin-bottom:19px}.picker-intro h1{font-size:27px}.picker-intro>p:last-child{font-size:12px}.product-search{height:52px;gap:12px;padding:0 13px}.product-search input{font-size:12px}.product-categories{margin:14px 0 15px}.picker-results{padding-top:10px}.catalog-list{grid-template-columns:1fr;gap:7px}.catalog-item{grid-template-columns:82px minmax(0,1fr);min-height:86px}.catalog-item-image{width:82px;height:82px}.catalog-item-copy{padding:7px 9px}.catalog-item-status{font-size:8px}.picker-footer{padding:13px 16px;font-size:8px}.back-to-products{left:auto;right:14px;font-size:9px}.back-to-products span{display:none}.topbar>.brand{margin-right:auto}}

/* Shared controls; client typography and colours are defined in client/theme.css. */
.instruction-image-wrap[hidden],.sheet-label[hidden]{display:none}
.product-categories{overflow-x:auto}
.category-button{flex-shrink:0}
.assembly-app *{letter-spacing:0!important}
.assembly-app,.product-picker{background:#fff}
.topbar,.picker-header{background:#fff;color:#111;border-bottom:1px solid var(--line)}
.product-heading,.top-meta,.picker-header-label,.picker-header-meta{color:#484848}
.product-heading strong{color:#111;font-weight:700}
.product-heading i{background:#dfdfdf}
.back-to-products{color:#111;font-weight:700}
.back-to-products:hover{color:#111;text-decoration:underline}
.picker-kicker,.eyebrow,.sheet-label,.material-kicker{color:#484848;font-weight:700}
.picker-intro h1,.guide-head h1,.instruction-copy h2,.catalog-item-copy strong,.picker-empty strong{color:#111;font-weight:700}
.picker-intro>p:last-child,.instruction-copy p,.source-note,.material-name,.catalog-item-copy span,.picker-footer,.picker-empty{color:#484848}
.guide-head h1{font-size:24px}
.instruction-copy h2{font-size:16px}
.instruction-copy p{font-size:12px;line-height:1.5}
.sheet-counter,.sheet-label span:last-child{color:#767676}
.sheet-counter strong{color:#111;font-weight:700}
.material-callout,.tools-callout{color:#111}
.material-callout strong,.tools-callout strong{font-weight:700}
.material-kicker{font-size:10px}
.material-name{font-size:11px}
.scene-control,.nav-button,.category-button{border-radius:64px;font-weight:700;color:#111;border-color:#929292;background:#fff;box-shadow:none}
.scene-control{font-size:12px}
.scene-control:hover,.nav-button:hover:not(:disabled),.category-button:hover{background:#f5f5f5;border-color:#111;color:#111}
.panel-checklist li.needs-attention{position:relative;background:#f2f2f0;border-bottom-color:#1d1d1b}
.panel-checklist li.needs-attention::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#1d1d1b;transform-origin:left;animation:panel-attention-line 2200ms ease-in-out infinite;pointer-events:none}
.panel-click-cue{position:absolute;left:-22px;top:50%;display:grid;place-items:center;width:16px;height:20px;transform:translateY(-50%);animation:panel-attention-arrow 2200ms ease-in-out infinite;pointer-events:none}
.panel-click-cue svg{display:none}
.panel-click-cue::after{content:"";width:7px;height:7px;border-top:2px solid #1d1d1b;border-right:2px solid #1d1d1b;transform:translateX(-2px) rotate(45deg)}
.panel-checklist .panel-choice:disabled{opacity:.4;cursor:default;text-decoration:none}
@keyframes panel-attention-line{0%,100%{transform:scaleX(.25);opacity:.45}45%,65%{transform:scaleX(1);opacity:1}}
@keyframes panel-attention-arrow{0%,100%{transform:translate(-4px,-50%);opacity:.5}45%,65%{transform:translate(2px,-50%);opacity:1}}
@media(prefers-reduced-motion:reduce){.panel-click-cue,.panel-checklist li.needs-attention::after{animation:none}}
.scene-control[aria-pressed="true"]{background:#f5f5f5;border-color:#111;color:#111}
.toggle-state,.scene-control[aria-pressed="true"] .toggle-state{color:#484848}
.nav-button{font-size:12px;border-color:#111}
.nav-button.next,.category-button.is-active{background:#111;border-color:#111;color:#fff}
.nav-button.next:hover:not(:disabled),.category-button.is-active:hover{background:#333;border-color:#333;color:#fff}
.nav-button:disabled{opacity:1;background:#dfdfdf;border-color:#dfdfdf;color:#767676}
.category-button{background:#f5f5f5;border-color:transparent;font-size:12px}
.product-search{background:#f5f5f5;border-color:transparent;border-radius:64px;box-shadow:none}
.product-search:hover{background:#dfdfdf}
.product-search:focus-within{outline:2px solid var(--brand-primary);outline-offset:2px;border-color:transparent;box-shadow:none}
.product-search input{color:#111}
.product-search input::placeholder{color:#484848}
.search-mark{border-color:#111}
.search-mark:after{background:#111}
.product-search kbd{color:#484848;border-color:#dfdfdf;border-radius:4px}
.catalog-item{border-color:#dfdfdf;border-radius:4px}
.catalog-item-copy strong{font-size:14px}
.catalog-item.is-selectable:hover{background:#f5f5f5;border-color:#929292;transform:none}
.catalog-item-status.has-model{color:#0a6e3c;font-weight:700}
.picker-results-head,.picker-footer,.guide-panel,.guide-footer{border-color:#dfdfdf}
.picker-results-head{color:#484848}
.instruction-image-wrap{background:#f5f5f5;border-color:#dfdfdf}
.progress-step,.progress-track{background:#dfdfdf;border-radius:2px}
.progress-step.done{background:#111}
.progress-step.current,.progress-fill{background:var(--brand-primary)}
.step-marker{background:var(--brand-accent);color:#111;border-radius:4px}
.drag-hint{color:#484848}
.drag-icon{color:#111;border-color:#dfdfdf}
.source-note{font-size:9px}
.safety-symbol{background:#f5f5f5;color:#111}
.preloader-title{color:#111}
.preloader-status,.progress-value{color:#484848}
button:focus-visible,a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}
@media(max-width:680px){.guide-head h1{font-size:20px}.instruction-copy h2{font-size:13px}.instruction-copy p{font-size:11px}.scene-control{font-size:10px}.nav-button{font-size:11px}.material-kicker{font-size:8px}.material-name{font-size:9px}.source-note{font-size:8px}.product-heading{max-width:calc(100% - 180px);white-space:normal;text-align:center}.top-meta{max-width:115px;flex-wrap:wrap;justify-content:flex-end}.picker-header-label{max-width:calc(100% - 180px);text-align:center}}
