:root{--gold:#d3aa61;--text:#eeeae2;--muted:#a2aaad;--line:#354047}body{background:#0c1419;color:var(--text)}.app-shell{max-width:1800px;background:linear-gradient(120deg,#101b20,#0c151a);box-shadow:none;padding:0 22px}.header{height:87px;gap:35px;padding:15px 8px;border-bottom:1px solid #3b474c}.logo{font:300 31px 'Segoe UI',sans-serif;letter-spacing:0}.logo span{color:#c69b53}.logo small{font-size:9px;text-align:left;letter-spacing:2px}.maker-brand{font:25px Georgia,serif;border-left:1px solid #576064;padding-left:26px;flex:1}.header-links{display:flex;gap:8px;align-items:center}.header-links button,.header-links a{background:#152026;border:1px solid #3f4c52;border-radius:3px;font-size:11px;text-decoration:none;padding:9px 12px}.steps{border:0;border-radius:0;margin:0;height:62px;background:#111b20;justify-content:center;gap:45px;min-width:0}.step{font-size:11px;color:#a8b0b2}.step b{background:none;color:#abb0ae;border:1px solid #778082}.step.active{color:var(--gold)}.step.active b{background:var(--gold);color:#162127;box-shadow:none;border-color:#dec08d}.work{display:grid;grid-template-columns:145px minmax(0,1fr) 255px;gap:0}.pdf-guidance{padding:22px 15px;background:#111b20;border-right:1px solid #344047}.pdf-guidance>div{font-size:12px;color:var(--gold);letter-spacing:2px}.pdf-guidance h1{font-size:24px;line-height:1.15;text-transform:uppercase;font-weight:400;margin:12px 0 22px}.pdf-guidance p{font-size:12px;color:#bfc5c3;line-height:1.6}.pdf-guidance h2{font-size:11px;margin-top:30px;color:#cad0d0}.room-option{display:block;width:100%;font-size:11px;text-align:left;margin-top:6px;border:1px solid #35454d;border-radius:2px}.center{min-height:490px;border:0;border-radius:0}.hero{background-image:url('assets/reference-door-page.png');background-size:153.2% 246%;background-position:41.1% 21.8%}.hero:after{height:90px}.scene-top{left:16px;top:15px}.scene-top span{background:#132028ba}.scene-top button{background:#132028c9}.viewbar{left:16px;right:16px;bottom:14px}.viewbar button{border-radius:3px;padding:8px 14px}.viewbar button[aria-pressed=true],#lighting button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#111}.view-arrow{font-size:26px}#lighting{top:auto;right:16px;bottom:57px}.pdf-navigator{position:absolute;right:16px;bottom:98px;width:122px;background:#101a20d9;border:1px solid #718087;border-radius:4px;padding:5px}.pdf-navigator canvas{width:100%;height:55px}.pdf-navigator label{font-size:9px;display:block;text-align:center}.pdf-navigator input{width:100%!important;accent-color:var(--gold)!important}.pdf-navigator button{font-size:9px;padding:4px;width:100%;border-radius:2px}.pdf-summary{padding:17px 14px;background:linear-gradient(110deg,#1a2429,#101b20);border-left:1px solid #3b494f}.pdf-summary h2{font-size:16px;font-weight:400;border-bottom:1px solid #4d585c;padding-bottom:10px;margin:0}.pdf-summary>button{display:block;width:100%;text-align:left;margin:7px 0;border:1px solid #3d4c52;background:#131f25;border-radius:3px;font-size:11px}.pdf-summary #specs{display:block;padding:5px 0}.pdf-spec{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#111c22;border:1px solid #334047;margin:4px 0;padding:5px;border-radius:3px}.pdf-spec .spec-image{display:grid;place-items:center;width:40px;height:48px;flex-shrink:0;color:#5c5040}.pdf-spec small{display:block;font-size:10px;color:#9ba6a9}.pdf-spec strong{display:block;font-size:11px;font-weight:400}.pdf-spec i{font-size:20px;margin-left:auto;font-style:normal;color:#b0b8b8}.primary{background:linear-gradient(#e0bd7a,#b68b46)!important;color:#1b211e!important;border:1px solid #d8b779!important;border-radius:3px!important}.summary-inspiration{border-top:1px solid #455158;margin-top:16px;padding-top:12px}.summary-inspiration h3{font-size:10px;color:#c4cbc9;letter-spacing:1px}.summary-inspiration p{font:italic 20px Georgia,serif;color:#b5bebd}.summary-inspiration button{font-size:10px;width:100%}.tray{margin:0;padding:16px 18px;border-radius:0;border:1px solid #35434b;background:#0d171c}.trayhead{gap:15px;align-items:center}.tray h2{font-size:19px;margin:4px 0 10px}.trayhead .eyebrow{color:var(--gold)}.subtabs{display:grid;grid-template-columns:repeat(4,1fr);margin:8px 0}.subtab{border-radius:2px;color:#b0b8b9;font-size:11px;background:#18242a}.subtab.active{border-color:var(--gold);color:#e4c180}.filters{margin:12px 0}.filter{border-radius:2px;background:#162229;color:#aeb8b9;font-size:10px}.filter.active{background:#d3ad69;color:#111;border-color:#d3ad69}.search-label{max-width:420px;min-width:300px}.search-label input{background:#283237;border-color:#536066}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}.card{border-radius:2px;background:#152128;border:1px solid #38464e}.card.selected{border-color:var(--gold)}.card.inspecting{outline:2px solid #ead1a4;outline-offset:1px}.card b{font-size:11px}.card .swatch{height:90px}.product-door{height:116px;display:grid;place-items:center;background:linear-gradient(105deg,#293333,#101a20);padding:7px}.product-door i{display:block;width:64%;height:100%;background:var(--finish,#af9674);border:8px solid #ffffff25;box-shadow:0 2px 5px #0008,inset 0 0 0 2px #0003,inset 2px 2px 5px #0002}.product-door.slab i{border:0;box-shadow:1px 3px 5px #0006}.product-door.raised i{border-width:13px;box-shadow:inset 0 0 0 3px #ffffff30,inset 0 0 0 5px #0002}.product-hardware{height:110px;display:grid;place-items:center;background:#e4e0d8}.product-hardware i{width:70%;height:8px;background:linear-gradient(#ffffff66,var(--metal),#0006);box-shadow:5px 8px 5px #0005;transform:rotate(-25deg);border-radius:3px}.maker-cards{grid-template-columns:repeat(3,1fr)}.maker-card{position:relative;overflow:hidden;border:1px solid #68716e;min-height:305px;padding:23px 23px 17px;display:flex;flex-direction:column;text-align:center;background:#1b2527}.maker-card.selected{border:2px solid var(--gold)}.maker-photo{position:absolute;inset:0;background-image:linear-gradient(#08111980,#061015ef),url('assets/reference-maker-page.png');background-size:100% 100%,155% 290%;background-position:center,30% 17%;z-index:0}.maker-photo-1{filter:sepia(.25)}.maker-photo-2{filter:brightness(.75)}.maker-card>*:not(.maker-photo){position:relative}.maker-card h2{font:28px Georgia,serif;margin:8px 0}.maker-card p{font-size:11px;letter-spacing:1px;text-transform:uppercase}.maker-card ul{padding:0;list-style:none;line-height:1.9;text-align:left;font-size:12px;margin:18px 0 25px}.maker-card li:before{content:'✓';color:#d8b569;margin-right:8px}.maker-card button{margin-top:auto;font-size:11px}.stage-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #34444b;margin-top:15px;padding-top:12px}.stage-controls span{font-size:11px;color:#a3afb3}.stage-controls button{font-size:11px;border-radius:3px}#productDetail{display:grid;grid-template-columns:88px 200px 1fr 175px;gap:16px;align-items:center;border:1px solid #37484f;padding:10px;margin-top:16px;background:#121f25}#productDetail[hidden]{display:none}#productDetail h3{font-size:15px;margin:0 0 6px}#productDetail p{font-size:11px;color:#aeb9b9;margin:0 0 8px}#productDetail button{font-size:10px;border-radius:2px}.detail-thumb .product-door,.detail-thumb .product-hardware,.detail-thumb .thumb{height:105px}.detail-thumb .product-door i{width:90%}.detail-tabs{display:flex;border-bottom:1px solid #445057;gap:3px}.detail-tabs button{border:0;background:none;color:#aab3b4}.detail-tabs .active{color:var(--gold);border-bottom:2px solid var(--gold)}.compatible-swatches{display:flex;gap:8px;padding:9px 0;overflow:auto}.compatible-swatches button{height:50px;min-width:38px;border:1px solid #909892}.review-materials{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;grid-column:1/-1;padding:15px;background:#132027}.review-materials>div{display:flex;flex-direction:column;gap:4px}.review-materials small{font-size:10px;color:#9eacb0}.review-materials strong{font-size:11px}.review-materials button{font-size:10px;padding:5px}.review-materials .thumb{height:100px}.reviewbox{background:#152229;border-color:#40515b}.reviewbox h3{color:var(--gold)}.changed{color:#e1b866}#notice{background:#d8b26a;color:#152127}.room-option:hover,button:hover{border-color:#ccb17b;background-color:#273339}.header-links a{color:#c4cdcf}footer{font-size:9px;border-top:0;padding:16px 0}.scene-top{pointer-events:none}.scene-top button{pointer-events:auto}
@media(min-width:1550px){.center{min-height:570px}.work{grid-template-columns:155px minmax(0,1fr) 275px}.cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(max-width:1000px){.work{grid-template-columns:110px minmax(0,1fr) 215px}.pdf-guidance{padding:18px 10px}.pdf-guidance h1{font-size:20px}.steps{gap:22px}.header{gap:18px}.logo{font-size:25px}.maker-brand{font-size:20px;padding-left:15px}.header-links{gap:4px}.header-links button,.header-links a{font-size:10px;padding:7px}.pdf-summary{padding:14px 9px}.center{min-height:500px}.pdf-spec{gap:6px}.pdf-spec .spec-image{width:30px}.pdf-spec strong{font-size:10px}#productDetail{grid-template-columns:70px 150px 1fr}.detail-options{min-width:0}#applyProduct{grid-column:2/-1}.maker-card{padding:15px}.maker-card h2{font-size:22px}}
@media(max-width:700px){.header{flex-wrap:wrap;height:auto;gap:12px}.logo{font-size:27px}.maker-brand{font-size:18px}.header-links{width:100%;justify-content:flex-end}.steps{height:56px;gap:4px;justify-content:space-around}.step span{display:none}.step.active span{display:block;font-size:9px;max-width:70px;white-space:normal}.step b{width:23px;height:23px;font-size:12px}.work{display:grid;grid-template-columns:minmax(0,1fr)}.pdf-guidance{display:none}.center{min-height:340px;order:0}.pdf-summary{order:1;border-left:0;border-top:1px solid #425159}.pdf-summary #specs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.pdf-spec{margin:0}.pdf-summary>button{display:inline-block;width:calc(50% - 5px);margin:4px 2px;font-size:10px}.summary-inspiration{display:none}.pdf-summary h2{font-size:13px}.trayhead{display:flex;flex-wrap:wrap}.search-label{min-width:0;width:100%;max-width:none}.tray h2{font-size:17px}.subtabs{grid-template-columns:repeat(4,1fr)}.subtab{font-size:8px;padding:9px 4px}.maker-cards{grid-template-columns:1fr}.maker-card{min-height:260px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.maker-cards{grid-template-columns:1fr}.card{min-width:0}.card b{font-size:10px}.card .product-door{height:100px;padding:4px}.product-door i{width:80%;border-width:6px}.filters{overflow:auto}.filter{white-space:nowrap}#productDetail{grid-template-columns:65px 1fr;gap:10px}.detail-options{grid-column:1/-1}#applyProduct{grid-column:1/-1}.review-materials{grid-template-columns:repeat(3,1fr);padding:9px}.review-materials .thumb{height:75px}.review-materials .product-door{height:85px}.pdf-navigator{width:95px;bottom:91px}.pdf-navigator canvas{height:40px}.viewbar button{padding:6px 9px;font-size:9px}.app-shell{padding:0 9px}.pdf-summary .spec-image{height:36px}.review{grid-template-columns:1fr}}
.steps{height:118px;gap:14px;padding:10px 0}.step{display:flex;flex-direction:column;gap:5px;flex:1;max-width:170px;padding:4px}.step-label{display:flex;align-items:center;gap:7px}.step-reference{display:block!important;width:100%;height:57px;border:1px solid #586468;border-radius:2px;background-repeat:no-repeat;opacity:.7}.step.active .step-reference{opacity:1;border:2px solid #d3aa61;box-shadow:0 0 9px #d3aa6122}.step-reference-0{background-image:url('assets/reference-maker-page.png');background-size:116% 118%;background-position:50% 35%}.step-reference-1{background-image:url('assets/reference-door-page.png');background-size:116% 118%;background-position:50% 35%}.step-reference-2,.step-reference-3,.step-reference-4,.step-reference-5{background-image:url('assets/reference-sequence-page.png');background-size:235% 242%}.step-reference-2{background-position:12.3% 11%}.step-reference-3{background-position:87.6% 11%}.step-reference-4{background-position:12.3% 83%}.step-reference-5{background-position:87.6% 83%}.step-label b{width:22px;height:22px;font-size:11px}.step-label>span{font-size:10px}
body[data-pdf-stage="0"] .hero{background-image:url('assets/reference-maker-page.png');background-size:139.5% 314%;background-position:25.5% 17.8%}body[data-pdf-stage="2"] .hero,body[data-pdf-stage="3"] .hero,body[data-pdf-stage="4"] .hero,body[data-pdf-stage="5"] .hero{background-image:url('assets/reference-sequence-page.png');background-size:367% 457%}body[data-pdf-stage="2"] .hero{background-position:18.2% 13.9%}body[data-pdf-stage="3"] .hero{background-position:78% 13.9%}body[data-pdf-stage="4"] .hero{background-position:18.2% 67.7%}body[data-pdf-stage="5"] .hero{background-position:78% 67.7%}
body[data-pdf-stage="0"] .pdf-guidance{display:none}body[data-pdf-stage="0"] .work{grid-template-columns:minmax(0,1fr) 255px}body[data-pdf-stage="0"] #subtabs,body[data-pdf-stage="0"] #filters{display:none}.pdf-summary{position:relative}.pdf-summary .primary{text-align:center}
@media(max-width:700px){.steps{height:86px;gap:3px}.step-reference{height:34px}.step-label{gap:3px}.step-label>span{display:none!important}.step.active .step-label>span{display:block!important;font-size:8px;max-width:45px}.step-label b{width:18px;height:18px;font-size:10px}body[data-pdf-stage="0"] .work{grid-template-columns:1fr}}
body[data-pdf-stage="1"] .hero{background-size:193.5% 272%;background-position:29.7% 20%}
@media(min-width:701px){.app-shell{display:grid;grid-template-columns:145px minmax(0,1fr)255px}.header,.steps,footer{grid-column:1/-1}.header{grid-row:1}.steps{grid-row:2}.work,body[data-pdf-stage="0"] .work{display:contents}.pdf-guidance{grid-column:1;grid-row:3}.center{grid-column:2;grid-row:3;height:460px;min-height:0}.pdf-summary{grid-column:3;grid-row:3/span 2}.tray{grid-column:1/span 2;grid-row:4}body[data-pdf-stage="0"] .center{grid-column:1/span 2}.pdf-summary .summary-inspiration{margin-top:28px}.maker-card h2{font-size:22px}.maker-card{padding:14px;min-height:285px}.maker-card ul{font-size:10px}.maker-card button{font-size:9px}#productDetail{grid-template-columns:65px 145px 1fr}#applyProduct{grid-column:2/-1}.search-label{min-width:220px}}
@media(min-width:1500px){.center{height:520px}.app-shell{grid-template-columns:155px minmax(0,1fr)275px}#productDetail{grid-template-columns:80px 170px 1fr 160px}#applyProduct{grid-column:auto}}
.hero{background-size:auto 272%!important}body[data-pdf-stage="0"] .hero{background-size:auto 314%!important}body[data-pdf-stage="2"] .hero,body[data-pdf-stage="3"] .hero,body[data-pdf-stage="4"] .hero,body[data-pdf-stage="5"] .hero{background-size:auto 457%!important}
.pdf-layout button,.pdf-layout [role="button"]{min-height:44px;touch-action:manipulation}.pdf-layout .step{min-height:76px}.pdf-layout .catalog-card button,.pdf-layout .detail-panel button{min-height:48px}
.current-state{margin:4px 0 10px;color:#b8c0bf;font-size:12px;letter-spacing:.2px}.current-state strong{color:#f1eadf;font-weight:600}.pending-state{color:#d3aa61}.step.completed{color:#d3aa61}.step.completed b{background:#27352f;color:#d3aa61;border-color:#d3aa61}.pdf-layout button:focus-visible{outline:3px solid #f4d38b;outline-offset:2px}.pdf-layout .card.inspecting{border-color:#d3aa61;box-shadow:0 0 0 2px #d3aa6155}.pdf-layout .card.selected:after{content:'✓ APPLIED';position:absolute;top:8px;right:8px;color:#142019;background:#d3aa61;padding:3px 6px;font-size:9px;border-radius:2px}.pdf-layout .card{position:relative}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}