@import url('product-tokens.css');
*{box-sizing:border-box}html{font-family:var(--font);color:var(--ink);background:var(--canvas);font-size:15px;-webkit-font-smoothing:antialiased}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button,a,summary{transition:background-color .14s,color .14s,border-color .14s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:active:not(:disabled){transform:scale(.96)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{border:1px solid #bfc5cb;border-radius:6px;padding:10px 11px;min-width:0;max-width:100%;background:white;color:var(--ink)}input[type=number]{font-variant-numeric:tabular-nums}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex:none}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em;text-wrap:balance}h1{font-size:30px;font-weight:600}h2{font-size:23px;font-weight:600;line-height:1.25}h3{font-size:14px;font-weight:600}p{line-height:1.55;text-wrap:pretty}.muted{color:var(--muted)}.small,small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.grow{flex:1}.wide{width:100%}.loading{padding:40px}.skip-link{position:fixed;left:12px;top:-70px;z-index:50;padding:12px;background:white}.skip-link:focus{top:12px}.btn,.tool,.primary-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #c8cdd1;border-radius:6px;background:white;font-size:13px;font-weight:550;line-height:1.4}.btn:hover,.tool:hover,.primary-outline:hover{background:#f3f4f5;text-decoration:none;border-color:#9ba2a8}.btn.primary{background:var(--brand);border-color:var(--brand);color:#181818}.btn.primary:hover{background:#e47a43;border-color:#e47a43}.primary-outline{padding:8px 12px}.ghost,.linkish{background:transparent;color:var(--blue);padding:10px 0;min-height:40px;font-size:12px;text-align:left}.linkish:hover,.ghost:hover{text-decoration:underline}button svg{vertical-align:middle;flex:none}
.topbar{height:64px;background:var(--nav);color:white;display:flex;align-items:center;gap:28px;padding:0 32px}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:22px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}.brand:hover{text-decoration:none}.brand svg{--accent:var(--brand)}.topbar nav{display:flex;align-items:center;align-self:stretch;gap:28px;flex:1}.topbar nav>a{display:flex;align-items:center;height:100%;font-size:13px;color:#c7cacf;border-bottom:3px solid transparent}.topbar nav>a.on{color:white;border-color:var(--brand)}.resources{position:relative;font-size:13px;color:#c7cacf}.resources summary{cursor:pointer;padding:15px 0}.resources>div{position:absolute;top:100%;left:-12px;z-index:10;background:white;border-radius:7px;box-shadow:0 8px 30px #0002;padding:8px;min-width:210px}.resources a{display:block;color:var(--ink);padding:12px;border-radius:4px}.resources a:hover{background:var(--canvas);text-decoration:none}.cart-link{display:flex;gap:8px;align-items:center;color:white;font-size:13px;min-height:42px}.cart-link b{background:#383838;padding:3px 6px;border-radius:4px;font-size:11px}.help-link,.account-link{color:#c7cacf;font-size:13px}.library{max-width:1320px;margin:auto;padding:36px 36px 48px}.library.first{max-width:1080px;padding-top:70px}.lib-heading{display:flex;gap:24px;justify-content:space-between;align-items:start;margin-bottom:28px}.lib-heading h1{margin-bottom:10px}.lib-heading p{font-size:13px;max-width:580px;margin:0}.first h1{font-size:38px}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dropzone,.design-start{border:1px solid #c6cdd2;border-radius:10px;min-height:270px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:13px;background:white;cursor:pointer;padding:32px;text-align:left;box-shadow:0 2px 4px #00000003}.dropzone{border-style:dashed}.dropzone>svg{color:var(--blue);margin-bottom:12px}.dropzone strong,.design-start strong{font-size:19px;letter-spacing:-.4px;font-weight:600}.dropzone span,.design-start>span:not(.start-panel){font-size:13px;color:var(--muted)}.dropzone small,.design-start small{font-size:11px;color:var(--muted)}.dropzone.over,.dropzone:hover,.design-start:hover{border-color:var(--brand);background:#fffaf7}.start-panel{position:relative;height:50px;width:85px;display:block;margin-bottom:10px}.start-panel span{position:absolute;left:5px;width:65px;height:32px;background:#393d40;border:1px solid #1b1d1f;transform:skewY(-13deg);border-radius:2px}.start-panel span:nth-child(1){top:18px}.start-panel span:nth-child(2){top:9px;background:#bdab86;border-color:#a99469}.start-panel span:nth-child(3){top:0}.journey{display:flex;gap:36px;border-top:1px solid var(--line);margin-top:34px;padding:24px 0;color:var(--muted);font-size:12px}.journey span{display:flex;align-items:center;gap:9px}.journey b{font-weight:500;border:1px solid #c6cbd0;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--ink)}.library-foot{display:flex;gap:16px;justify-content:space-between;font-size:11px;line-height:1.6;color:var(--muted);padding-top:20px}.order-note{font-size:11px;color:var(--muted);margin-top:16px}.lib-bar{display:flex;align-items:center;gap:18px;margin:22px 0}.lib-bar input{font-size:13px;max-width:270px;width:100%}.filter-label{display:flex;align-items:center;gap:8px;font-size:12px}.filter-label select{font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.grid .dropzone{min-height:280px}.part-card{background:white;border-radius:8px;box-shadow:0 0 0 1px #0000000d,0 2px 6px #00000004;min-width:0;position:relative}.thumb{display:flex;align-items:center;justify-content:center;background:#e9edef;padding:30px;min-width:0;overflow:hidden}.part-card>.thumb{width:100%;height:172px;border-radius:8px 8px 0 0}.part-svg{display:block;width:100%;height:100%;overflow:visible;max-height:100%}.plate{fill:#3d4348;stroke:#1c2023;stroke-linejoin:round}.cut{fill:var(--canvas);stroke:#161b1e}.insert{fill:#a9c9dc;stroke:var(--blue)}.insert-core{fill:#274f68}.ramp{fill:none;stroke:#9b784f;stroke-dasharray:4 3}.hit{fill:transparent;cursor:pointer}.pick .picked{fill:#91bbd2;stroke:var(--blue)}.part-meta{display:grid;gap:7px;padding:18px}.part-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.part-meta span,.part-meta small{font-size:12px;color:var(--muted)}.part-actions{display:flex;align-items:center;gap:12px;padding:0 16px 16px}.more{margin-left:auto;position:relative}.more summary{cursor:pointer;list-style:none;min-width:40px;min-height:40px;display:grid;place-items:center}.more>div{position:absolute;right:0;bottom:100%;background:white;border-radius:6px;box-shadow:0 6px 25px #0002;z-index:4;min-width:210px;padding:6px}.more button{display:block;width:100%;text-align:left;background:white;padding:12px;font-size:12px;border-radius:4px}.more button:hover{background:var(--canvas)}.chip{font-size:10px;padding:4px 7px;border-radius:4px;background:#f0eee9;color:#675737;display:inline-block;width:fit-content;font-weight:550;white-space:nowrap}.chip.ok{color:var(--green);background:#e9f4ef}.warn{background:#fff2e6;color:#795018;padding:12px;border-radius:6px;font-size:13px;line-height:1.55}.warn.stop{background:#fff0ed;color:var(--danger)}.tip{padding:12px 14px;border-left:3px solid var(--blue);background:#edf4f8;color:#345b72;font-size:12px;line-height:1.55}
.cfg{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 410px;grid-template-rows:70px minmax(0,1fr) 70px;background:white}.cfg-top{grid-column:1/-1;display:flex;gap:36px;align-items:center;padding:0 26px;background:var(--nav);color:white}.cfg-top .brand{font-size:21px}.workspace-help{font-size:12px;color:#d4d6d8}.stepper{display:flex;gap:30px;list-style:none;padding:0;margin:0;flex:1;justify-content:center}.stepper button{display:flex;align-items:center;gap:9px;background:none;color:#b6bcc2;font-size:12px;line-height:1.35;min-height:42px;padding:7px 0}.dot{border:1px solid #70767a;border-radius:50%;width:23px;height:23px;flex:none;display:grid;place-items:center;font-size:11px}.current .dot{background:var(--brand);border-color:var(--brand);color:#171717}.current .lbl{font-weight:600;color:white}.done .dot{background:#264a3c;color:#b7e5cf;border-color:#527e69}.viewer{position:relative;display:flex;align-items:center;justify-content:center;padding:100px 80px 125px;background:var(--canvas);min-height:0;min-width:0;overflow:hidden}.viewer>.part-svg{max-width:760px}.viewer-heading{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted)}.viewer-heading h1{font-size:13px;font-weight:600;letter-spacing:0;margin:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.dimension-bar{position:absolute;bottom:82px;left:25px;right:25px;display:flex;align-items:center;justify-content:center;gap:15px;font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted)}.dimension-bar button{background:transparent;color:var(--blue);font-size:15px;font-weight:500;border-bottom:1px solid #8cabbf;min-height:40px;padding:7px 12px}.viewer-bottom{position:absolute;left:25px;right:25px;bottom:22px;display:flex;align-items:center;gap:18px;justify-content:space-between}.seg{display:flex;width:fit-content;border:1px solid #c3cbd0;border-radius:6px;overflow:hidden;background:white}.seg button{padding:9px 14px;font-size:12px;background:white;min-height:40px}.seg button[aria-pressed=true]{background:#30363b;color:white}.feature-caption{position:absolute;bottom:123px;left:25px;right:25px;text-align:center;font-size:11px;color:var(--muted);pointer-events:none}.inspector{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);min-width:0}.decide{overflow:auto;padding:28px 26px;min-height:0;flex:1;overscroll-behavior:contain}.decide h2{margin-bottom:12px}.field{display:grid;gap:7px;font-size:12px;margin:15px 0}.field>span{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two .field{min-width:0}.radios{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.radios.col{flex-direction:column}.radio{display:flex;align-items:center;gap:10px;background:transparent;min-height:40px;padding:8px 0;text-align:left;font-size:12px;line-height:1.5}.ring{height:17px;width:17px;border:1px solid #9ba3a9;border-radius:50%;flex:none;background:white}.on>.ring{border:5px solid var(--brand)}.construction-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.construction-toggle button{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);padding:13px 10px;border-radius:6px;font-size:12px;text-align:left;min-height:66px}.construction-toggle button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.sample{display:block;width:29px;height:28px;border:1px solid #30383e;flex:none;transform:skewY(-10deg);background:#3e4347;box-shadow:2px 3px 0 #9ca2a6}.sample.sandwich{background:linear-gradient(#3e4347 0 14%,#c7b994 14% 86%,#3e4347 86%)}.options{display:grid;gap:10px}.option{display:flex;align-items:flex-start;gap:11px;padding:16px 13px;background:white;border:1px solid var(--line);border-radius:6px;text-align:left;width:100%}.option:hover{border-color:#aaa;background:#fafafa}.option.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:#fffaf7}.opt-main{flex:1;min-width:0}.opt-main strong{font-size:13px;line-height:1.4;font-weight:550;display:block}.opt-main em{font-style:normal;color:var(--ink);font-weight:500;display:block;font-size:17px;margin-top:4px;font-variant-numeric:tabular-nums}.opt-main small{display:block;color:var(--muted);line-height:1.55;margin-top:7px;font-size:11px}.selected-check{color:var(--accent)}.options+.muted{margin-top:16px}.advanced{border-top:1px solid var(--line);margin-top:22px;padding-top:6px;font-size:12px}.advanced>summary{padding:14px 0;cursor:pointer;font-weight:550}.advanced>p{margin-bottom:14px}.advanced .btn{font-size:12px;padding:8px 11px}.advanced ul{padding-left:18px;line-height:1.65;font-size:11px;color:var(--muted)}.advanced li{margin:8px 0;overflow-wrap:anywhere}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.svc{border-bottom:1px solid var(--line)}.svc-head{display:flex;gap:10px;align-items:center;justify-content:space-between;background:transparent;width:100%;text-align:left;padding:16px 0;min-height:44px;font-size:12px}.svc-head>span:first-child{flex:1}.i{color:#818b94}.svc-body{padding-bottom:18px}.svc-why{font-size:11px;color:var(--muted);margin-top:-3px;line-height:1.5}.pick{height:160px;background:var(--canvas);padding:20px}.svc-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:12px}.svc-tools .btn{padding:6px 10px}.svc .muted{font-size:12px}.review-state{padding:12px 0;font-size:12px;color:var(--muted);line-height:1.5}.review-state.checked{color:var(--green)}.review-state.invalid{color:var(--danger)}
.laminate-section{width:100%;max-width:630px;max-height:100%;overflow:auto;padding:4px 12px;overscroll-behavior:contain}.section-side{font-size:11px;color:var(--muted);padding:10px 0}.section-layer{display:grid;grid-template-columns:minmax(70px,1fr) minmax(130px,1.2fr);gap:20px;align-items:center;min-height:48px}.layer-swatch{height:23px;background:repeating-linear-gradient(to bottom,var(--layer-color) 0,var(--layer-color) calc(100% / var(--layer-lines) - 1px),#ffffff77 calc(100% / var(--layer-lines) - 1px),#ffffff77 calc(100% / var(--layer-lines)));border:1px solid #0002}.section-layer.core{min-height:70px}.core .layer-swatch{height:58px}.section-layer strong{display:block;font-size:12px;font-weight:550}.section-layer span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.laminate-section>.muted{margin:15px 0 0}.laminate-section .btn{margin-top:14px;font-size:12px}
.rail{padding:18px 24px;border-top:1px solid var(--line);background:#fafbfb;display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:20px;flex:none;max-height:32%;overflow:auto;font-variant-numeric:tabular-nums}.qty{display:flex;align-items:center;gap:5px}.qty button{display:none}.qty label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.qty input{width:72px;padding:8px 10px}.rail-body{min-width:0}.rail-body.busy{opacity:.55}.big{font-size:18px;font-weight:550;line-height:1.2;margin:0 0 7px}.each{font-size:24px;font-weight:600;letter-spacing:-.7px;line-height:1.25;margin:0}.each small{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}.pdetails{font-size:11px;color:var(--muted);margin:8px 0 0}.pdetails summary{cursor:pointer;color:var(--blue);padding:3px 0}.pdetails p{margin:10px 0}.rail-date{grid-column:1/-1;font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px}.rail-date p{margin:3px 0}.ladder{padding:0;list-style:none;margin:8px 0}.ladder li{border-bottom:1px solid var(--line)}.ladder button{padding:8px 0;background:none;font-size:12px;color:var(--muted);width:100%;text-align:left}.ladder b{color:var(--ink)}.subtotal{display:flex;gap:15px;font-size:12px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.rail .tip{margin-top:10px}.placeholder-quote{display:block;font-size:12px;color:var(--muted)}.cfg-foot{grid-column:1/-1;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;padding:12px 26px;background:white;z-index:2}.foot-link{font-size:12px}
.cart{display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:1320px;margin:auto;padding:40px 32px;gap:32px}.cart h1{margin-bottom:12px}.cart main>.muted{font-size:13px}.cart-row{background:white;display:grid;grid-template-columns:120px minmax(0,1fr) 70px 110px;border:1px solid var(--line);border-radius:7px;margin:16px 0;overflow:hidden}.cart-row .thumb{padding:22px;min-height:130px}.cart-info{padding:20px;display:grid;gap:8px;min-width:0}.cart-info strong{font-size:14px;overflow-wrap:anywhere}.cart-info>span,.cart-info>small{font-size:11px;color:var(--muted);line-height:1.5}.row-actions{display:flex;gap:20px}.cart-qty{padding-top:22px;display:grid;gap:9px;align-content:start;font-size:11px;color:var(--muted)}.cart-qty input{width:65px;padding:8px}.cart-price{padding:25px 12px;text-align:right}.cart-price strong{font-size:13px}.cart-price small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:7px}.summary{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;align-self:start;margin-top:0}.summary h2{font-size:20px}.summary dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;border-block:1px solid var(--line);padding:20px 0}.summary dd{margin:0;text-align:right}.order-steps{font-size:11px;color:var(--muted);padding:18px 0 0 18px;line-height:1.6;border-top:1px solid var(--line);margin-top:22px}.order-steps li{margin:7px 0}.cart-empty{padding:40px 0}
.modal{border:0;border-radius:12px;padding:28px;width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0004;color:var(--ink)}.modal::backdrop{background:#12161980}.modal footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:20px}.tpl-preview{display:flex;align-items:center;min-height:200px;background:var(--canvas);padding:30px;border-radius:6px}.tpl-form label{display:grid;gap:7px;margin-top:12px;font-size:12px}.added{max-width:390px;text-align:center}.added .linkish{margin:10px 0 0}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;margin:20px 0}.checks{display:flex;gap:22px;font-size:12px}.checks label{display:flex;align-items:center;gap:8px}.trap{position:absolute;left:-9999px}.status{font-size:13px;line-height:1.5}.acct[hidden],.freight[hidden]{display:none!important}
@media(max-width:1000px){.cfg{grid-template-columns:minmax(0,1fr) 360px}.viewer{padding:80px 40px 125px}.decide{padding:24px 20px}.cfg-top{gap:22px}.stepper{gap:20px}.section-layer{grid-template-columns:65px 1fr;gap:14px}.cart{grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:30px 24px}.cart-row{grid-template-columns:80px minmax(0,1fr) 60px}.cart-price{grid-column:2/4;padding:0 16px 16px;text-align:left}.cart-row .thumb{grid-row:1/3}.cart-qty input{width:52px}.viewer-heading{flex-direction:column;gap:6px}.viewer-heading h1{max-width:100%}}
@media(max-width:720px){.cfg{grid-template-columns:1fr;grid-template-rows:62px 25dvh minmax(0,1fr) 66px}.cfg-top{padding:0 16px;gap:12px}.cfg-top .brand span{display:none}.cfg-top .brand{width:26px}.workspace-help{display:none}.stepper{gap:12px;justify-content:space-between}.stepper button{font-size:11px;gap:6px}.dot{width:21px;height:21px}.viewer{padding:44px 52px 52px}.viewer-heading{top:10px;left:16px;right:16px;flex-direction:row;gap:10px}.viewer-heading h1{max-width:48%;font-size:11px}.viewer-heading>span{font-size:9px}.viewer-bottom{left:12px;right:12px;bottom:7px;gap:8px}.viewer-bottom .seg button{padding:8px 10px;min-height:36px;font-size:10px}.viewer-bottom .linkish{font-size:10px;min-height:36px}.dimension-bar{position:absolute;bottom:auto;top:35px;left:auto;right:16px;display:grid;gap:0;justify-items:end;font-size:9px;max-width:46%;text-align:right}.dimension-bar button{font-size:11px;min-height:25px;padding:3px 5px}.dimension-bar>span{display:none}.feature-caption{bottom:37px;font-size:9px;left:15px;right:15px}.inspector{border-left:0;border-top:1px solid var(--line);grid-row:3;overflow:hidden}.decide{padding:20px}.decide h2{font-size:21px}.decide>.muted{font-size:12px}.rail{padding:10px 18px;column-gap:16px;grid-template-columns:65px minmax(0,1fr);max-height:38%}.qty input{width:64px;padding:7px 10px}.qty label{gap:4px}.big{font-size:16px}.each{font-size:20px}.rail-date{font-size:10px;margin-top:6px}.pdetails{font-size:10px}.cfg-foot{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:8px;grid-row:4}.cfg-foot .btn{padding:8px 12px;min-height:42px;font-size:12px}.foot-link{font-size:11px}.laminate-section{padding:0 4px;height:100%;max-width:500px}.section-side{padding:2px 0;font-size:9px}.section-layer{grid-template-columns:70px 1fr;gap:12px;min-height:29px}.section-layer strong{font-size:10px}.section-layer span{font-size:9px;margin-top:1px}.layer-swatch{height:15px}.section-layer.core{min-height:40px}.core .layer-swatch{height:30px}.laminate-section>.muted,.laminate-section>.btn{display:none}.viewer:has(.laminate-section){padding:29px 16px 48px}.viewer:has(.laminate-section) .dimension-bar{display:none}.construction-toggle{margin:17px 0}.option{padding:13px}.cart{display:block;padding:28px 16px}.summary{margin-top:24px}.topbar{padding:0 18px;gap:20px;height:60px}.topbar nav{gap:18px}.topbar .brand{font-size:21px}.help-link{display:none}.cart-link>span{display:none}.library{padding:26px 18px}.library.first{padding:36px 20px}.first h1{font-size:30px}.lib-heading{margin-bottom:24px;gap:14px}.lib-heading .btn{font-size:11px;padding:10px;flex:none}.lib-heading p{font-size:12px}.start-options{gap:14px}.dropzone,.design-start{min-height:240px;padding:24px}.dropzone strong,.design-start strong{font-size:17px}.start-options .dropzone span,.design-start>span:not(.start-panel){font-size:12px}.journey{gap:18px;font-size:11px;margin-top:26px}.library-foot{flex-direction:column;gap:10px}.lib-bar{gap:10px}.lib-bar input{max-width:200px}.filter-label{font-size:0}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.modal{padding:24px 20px}.tpl-grid{grid-template-columns:1fr;gap:14px}.tpl-preview{min-height:120px;height:140px}.checks{gap:12px;flex-wrap:wrap}}
@media(max-width:440px){.topbar{gap:14px;padding:0 16px}.topbar nav{gap:14px}.topbar nav>a,.resources{font-size:12px}.brand{gap:7px}.start-options{grid-template-columns:1fr}.dropzone,.design-start{min-height:180px;padding:22px}.start-options .dropzone>svg{margin-bottom:0}.start-panel{height:40px;margin:0}.journey{justify-content:space-between;gap:10px;padding:20px 0}.journey span{flex-direction:column;align-items:flex-start;gap:8px;max-width:95px}.first h1{font-size:29px}.lib-heading .btn{max-width:100px;white-space:normal}.grid .dropzone{min-height:175px}.cfg-top{padding:0 12px;gap:9px}.stepper{gap:8px}.stepper button{font-size:10px;gap:5px}.decide{padding:18px 16px}.construction-toggle button{font-size:11px}.two{gap:10px}.cart-row{grid-template-columns:70px minmax(0,1fr) 55px}.cart-info{padding:14px 11px}.cart-qty{padding-right:6px}.cart-qty input{width:47px}.cart-row .thumb{padding:15px}}
@media(max-height:650px) and (max-width:720px){.cfg{grid-template-rows:56px 22dvh minmax(0,1fr) 60px}.viewer-heading>span{display:none}.cfg-foot{padding:8px 12px}.rail{padding:8px 16px;max-height:40%}.rail-date{display:none}.decide{padding-top:15px}.cfg .dimension-bar{top:25px}.viewer{padding:30px 65px 45px}.viewer-bottom .seg button{padding:8px;min-height:32px}.feature-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled){transform:none}}
/* Section diagram: compact physical ply stack, one callout per face/core. */
.section-group{display:grid;grid-template-columns:minmax(100px,1fr) minmax(140px,1fr);gap:28px;align-items:center}.physical-stack{display:flex;flex-direction:column;gap:1px;padding:1px 0}.physical-stack>div{height:7px}.section-group.core .physical-stack>div{height:100px}.stack-callout{border-top:1px solid #aeb8be;padding:10px 0}.stack-callout strong{display:block;font-size:14px;font-weight:550}.stack-callout span{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:6px}.section-key{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin:20px 0 0}.section-key i{width:10px;height:10px;margin-left:8px}.section-key i:first-child{margin-left:0}.section-schedule{font-size:11px;margin:16px 0;color:var(--muted)}.section-schedule summary{cursor:pointer;padding:8px 0;color:var(--blue)}.section-schedule p{margin:5px 0}.laminate-section>.btn{display:inline-flex}
@media(max-width:720px){.section-group{grid-template-columns:90px minmax(0,1fr);gap:15px}.physical-stack>div{height:3px}.section-group.core .physical-stack>div{height:38px}.stack-callout{padding:4px 0}.stack-callout strong{font-size:11px}.stack-callout span{font-size:9px;margin-top:2px}.section-key,.section-schedule,.laminate-section>.btn{display:none}}
