:root{--gold:#75beff;--line:#36546c}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#03101de6,#06101bd9),url('assets/featured-kitchen.avif') center/cover fixed;color:#eff6fc;font:14px/1.4 'Segoe UI',Arial,sans-serif}.app-shell{max-width:1680px;margin:auto;border:1px solid #47729066;padding:0 22px;background:linear-gradient(120deg,#06101aee,#111b22cf 70%,#04121fe8);box-shadow:0 0 35px #388ccd25}button{color:#eff6fc;background:#0a1925;border:1px solid #3b5b73;border-radius:8px;padding:9px 14px}button:hover{border-color:#7fc8ff;background:#17344a}a{color:inherit}h2{font-weight:500}.header{display:flex;align-items:center;justify-content:space-between;border:0;padding:12px 14px 0;gap:20px;height:95px;background:none}.logo{font-size:40px;letter-spacing:-1.7px;text-decoration:none;font-weight:650;line-height:1}.logo span{color:#388bdf}.logo small{display:block;font-size:11px;font-weight:400;letter-spacing:1.3px;margin:8px 0;text-align:center}.headline{font-size:19px;letter-spacing:0;text-align:center;font-weight:300;flex:1}.partner{display:flex;align-items:center;gap:15px;font-size:12px;letter-spacing:1px;color:#90c9fd}.partner b{font:900 15px/1 Georgia;color:white;background:#f36515;padding:9px 13px;border:2px solid white;transform:rotate(-3deg)}.steps{height:47px;display:flex;justify-content:center;gap:38px;background:linear-gradient(#0c1927,#0a111a);border-top:1px solid #4b7fa855;border-radius:40px 40px 0 0;margin:0 210px 12px;min-width:600px;border-bottom:0}.step{display:flex;align-items:center;gap:8px;color:#9facb7;white-space:nowrap}.step b{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#56616a;color:#0b151e;border:0;font-size:15px}.step.active{color:#bfe8ff}.step.active b{color:#09283a;background:linear-gradient(#a5e5ff,#2697eb);border:1px solid #b9eaff;box-shadow:0 0 13px #329bff}.work{display:grid;grid-template-columns:180px minmax(0,1fr) 258px;gap:12px;min-height:0}.styles-panel,.materials-panel>section,.layout-panel,.upload-panel{background:linear-gradient(130deg,#122431bd,#07121be6);border:1px solid #375d79;border-radius:15px;box-shadow:inset 0 1px 12px #66b9ff15}.styles-panel{padding:10px}.styles-panel h2,.materials-panel h2,.layout-panel h2{font-size:13px;margin:0 0 8px}.style-card{display:block;position:relative;width:100%;height:79px;padding:0;margin:0 0 6px;overflow:hidden;border:1px solid #3b4c58;border-radius:8px;text-align:left;background:#101b24}.style-card:last-child{margin:0}.style-card img{width:100%;height:100%;object-fit:cover}.style-card span{position:absolute;bottom:0;left:0;right:0;padding:3px 8px;background:linear-gradient(transparent,#03080df5);font-size:12px}.style-card[aria-pressed=true]{border:2px solid #a1d8ff;box-shadow:0 0 9px #309aff}.center{border-radius:17px;min-height:550px;overflow:hidden;border:1px solid #5a6470;background:#44505b}.hero{position:absolute;inset:0;background-image:url('assets/featured-kitchen.avif');background-size:cover;background-position:center}.hero:after{height:145px}.scene-top{top:12px;left:14px;right:14px}.scene-top span{font-size:8px;letter-spacing:1px;border-radius:5px;background:#081524a6}.scene-top button{font-size:10px;padding:7px 10px;background:#0c1c2aaa}.hero-caption{position:absolute;bottom:65px;left:25px;text-shadow:0 2px 8px #0009}.hero-caption h1{font-weight:500;font-size:27px;margin:0}.hero-caption p{font-size:11px;margin:0 0 12px}.hero-caption button{font-size:11px;border-radius:25px;padding:7px 16px;background:#12283cad}.view-arrow{position:absolute;top:45%;font-size:38px;padding:0 8px;line-height:1.2;background:#07152180;border:0}.prev{left:14px}.next{right:14px}.viewbar{left:23px;right:20px;bottom:15px;display:flex;justify-content:space-between}.viewbar button{border-radius:25px;background:#122333b8;border:1px solid #697b8b66;padding:7px 17px}.viewbar button[aria-pressed=true]{background:linear-gradient(#67baf9,#237bd8);color:white}.materials-panel{display:grid;grid-template-rows:repeat(4,1fr);gap:7px}.materials-panel>section{padding:10px 12px}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.materials-panel h2{font-size:12px;margin:0}.board-head button{font-size:10px;border:0;background:none;padding:0;color:#a6d0f5}.board-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.board-swatches button{height:77px;padding:3px;border-radius:5px;background:#172531;border:1px solid #536777}.board-swatches button[aria-pressed=true]{border:2px solid #afdfff;box-shadow:0 0 9px #3b95ff}.board-swatches i{display:block;height:100%;width:100%;border-radius:2px}.door-tile{border:7px solid #ffffff20;box-shadow:inset 0 0 0 1px #0004,inset 1px 1px 3px #0004}.stone-tile{background-image:linear-gradient(132deg,transparent 45%,#9997 46%,transparent 49%,transparent 65%,#aaa6 66%,transparent 69%)}.floor-tile{background-image:repeating-linear-gradient(90deg,transparent 0 12px,#362e2925 13px 14px)}#lighting{position:absolute;top:50px;right:14px;display:flex;gap:3px}#lighting button{font-size:9px;padding:4px 7px;background:#08192899}.design-tools{display:grid;grid-template-columns:360px 1fr 285px;gap:20px;margin-top:10px;align-items:stretch}.layout-panel{padding:10px 12px}.plan-wrap{display:flex;align-items:center;height:107px}.plan-wrap canvas{width:80%;height:105px}.plan-wrap>div{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:5px}.plan-wrap button{border-radius:50%;font-size:25px;width:34px;height:34px;padding:0}#angle{width:85%;height:9px;accent-color:#52afff;margin:0}.tool-panel{text-align:center;padding:8px 0}.tool-panel h2{font-size:21px;letter-spacing:2px;color:#82beff;margin:0}.tool-panel p{font-size:12px;font-weight:300;line-height:1.7;margin:0 0 12px}.tool-buttons{display:flex;justify-content:center;gap:15px}.tool-buttons button{font-size:8px;min-width:82px;padding:7px 8px;background:linear-gradient(130deg,#193247,#050d14)}.tool-buttons span{display:block;font-size:28px;line-height:1.3}.upload-panel{text-align:center;padding:14px 12px}.upload-panel h2{font-size:19px;margin:0}.upload-panel p{font-size:12px;margin:8px 0 15px;line-height:1.6}.blue{background:linear-gradient(110deg,#2788e3,#74c4ff);color:white;border:0;box-shadow:0 0 22px #3198ff44}.upload-panel button{width:100%;font-size:12px}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 0 14px;margin-top:10px;border-top:1px solid #5581a766;gap:20px}.bottom-bar>div:first-child{display:flex;gap:12px}.bottom-bar>div:first-child button{border:0;background:none;font-size:12px;padding:5px}.slogan{text-align:center}.slogan strong{display:block;color:#73b2fa;font-size:20px;letter-spacing:2px;font-weight:500}.slogan small{font-size:9px;letter-spacing:1px}.orange{background:linear-gradient(#ff7818,#e24c00);border:0;border-radius:40px;font-weight:600;font-size:12px;padding:15px 24px;white-space:nowrap}.tray{border:1px solid #38648a;background:#0a1826;border-radius:12px;margin:15px 0;padding:22px}.tray[hidden]{display:none}.trayhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.tray h2{font:23px 'Segoe UI',sans-serif}.subtabs{display:flex;gap:7px;flex-wrap:wrap}.subtab{flex:1;background:#142b3d;border-radius:5px}.filters{display:flex;gap:7px}.filter.active{background:#267bb9;color:white}.selection-summary{border-top:1px solid #375772;padding:16px 0;display:flex;align-items:center;gap:25px}.selection-summary>div:first-child{flex:1}.selection-summary>div>span{font-size:10px;letter-spacing:2px;color:#81b6e6}#specs{display:flex;gap:20px;flex-wrap:wrap}.spec{display:block;border:0;padding:6px 0}.spec .mini{display:none}.spec small{font-size:9px}.spec strong{font-size:10px}.summary-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:365px;justify-content:flex-end}.summary-actions button,.summary-actions a{font-size:10px;padding:6px 10px;text-decoration:none}.summary-actions a{color:#a3c7e5}footer{padding:12px 0;gap:20px;font-size:9px;color:#8197a9}.cards{display:grid}.photo-comparison img{max-width:100%;max-height:50vh;object-fit:contain}.photo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}dialog{background:#0c1c2b;border-color:#477a9f}dialog .primary{background:#388fe3;color:white}#notice{background:#90caff;color:#061c2b}.reviewbox{background:#0d2030}.reviewbox h3{color:#83c4ff}.card{background:#10283a}.card.selected{border-color:#79c3ff}.card .thumb{height:95px}.search-label input{border-color:#3d6480}.center:fullscreen{border-radius:0}
@media(min-width:1600px){.center{min-height:650px}.style-card{height:95px}.work{grid-template-columns:200px minmax(0,1fr) 280px}.board-swatches button{height:95px}.header{height:105px}.design-tools{grid-template-columns:400px 1fr 320px}}
@media(max-width:1150px){.app-shell{padding:0 12px}.logo{font-size:31px}.headline{font-size:15px}.partner{font-size:10px;gap:8px}.steps{margin:0 120px 10px;min-width:0;gap:25px}.work{grid-template-columns:140px minmax(0,1fr) 205px;gap:8px}.styles-panel{padding:8px}.style-card{height:69px}.center{min-height:495px}.board-swatches button{height:65px}.materials-panel>section{padding:10px 8px}.materials-panel h2{font-size:10px}.board-head button{font-size:9px}.design-tools{grid-template-columns:250px 1fr 235px;gap:12px}.tool-buttons{gap:6px}.tool-buttons button{min-width:62px;font-size:7px}.tool-panel h2{font-size:18px}.upload-panel h2{font-size:16px}.slogan strong{font-size:16px}.slogan small{font-size:8px}.orange{padding:13px 16px;font-size:10px}.bottom-bar{gap:10px}.bottom-bar>div:first-child{gap:8px}.bottom-bar>div:first-child button{font-size:10px}}
@media(max-width:800px){.header{height:auto;padding:15px 5px;flex-wrap:nowrap}.headline{display:none}.steps{margin:0 0 10px;gap:12px;justify-content:space-around}.step{font-size:9px}.work{grid-template-columns:115px 1fr}.style-card{height:68px}.center{min-height:490px}.materials-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}.materials-panel h2{font-size:9px}.board-swatches{gap:3px}.board-swatches button{height:53px}.board-head{flex-wrap:wrap;gap:5px}.design-tools{grid-template-columns:210px 1fr}.upload-panel{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px}.upload-panel button{width:190px}.upload-panel p{margin:0}.bottom-bar{flex-wrap:wrap}.slogan{order:3;width:100%}.selection-summary{display:block}.summary-actions{max-width:none;justify-content:flex-start;margin-top:12px}}
@media(max-width:520px){.app-shell{padding:0 9px}.header{padding:17px 4px 12px}.logo{font-size:29px}.logo small{font-size:8px}.partner b{font-size:10px;padding:6px}.partner span{font-size:8px}.steps{gap:4px;height:50px}.step{gap:4px;padding:0}.step b{width:22px;height:22px;font-size:12px}.step span{display:none}.step.active span{display:block;max-width:55px;font-size:8px;white-space:normal}.work{display:flex;flex-direction:column}.styles-panel{order:1;padding:8px}.styles-panel h2{font-size:11px}.styles-panel>div{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.style-card{min-width:97px;width:97px;height:67px;margin:0}.style-card span{font-size:10px}.center{order:2;min-height:390px}.materials-panel{order:3;grid-template-columns:repeat(2,1fr);gap:7px}.board-head{flex-wrap:nowrap}.board-swatches button{height:54px}.hero-caption{left:15px;bottom:63px}.hero-caption h1{font-size:23px}.hero-caption p{font-size:9px}.viewbar{left:12px;right:12px}.viewbar button{font-size:10px;padding:7px 12px}.design-tools{grid-template-columns:1fr;gap:9px}.layout-panel{display:none}.tool-panel{padding:10px}.tool-buttons button{min-width:75px}.upload-panel{grid-column:auto;display:block}.upload-panel h2{font-size:19px}.upload-panel p{margin:6px}.upload-panel button{width:100%}.bottom-bar{justify-content:center;gap:15px}.bottom-bar>div:first-child{justify-content:space-between;width:100%}.bottom-bar>div:first-child button{font-size:12px}.orange{width:100%;font-size:12px}.slogan strong{font-size:19px}.trayhead{flex-wrap:wrap}.trayhead .search-label{order:3;width:100%}.tray{padding:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-summary #specs{gap:7px 17px}.selection-summary .spec{min-width:90px}.photo-comparison{grid-template-columns:1fr}footer{flex-direction:column;gap:5px}}
.center{position:relative}.viewbar{position:absolute;z-index:2}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#04111bd4)}.step{background:none;border:0;font-size:10px;padding:4px}.spec small,.spec strong{display:block}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card{padding:8px;color:#fff;text-align:left;border:1px solid #3c586b}.card.selected{border:2px solid #79c3ff;padding:7px}.card b{font-size:12px}.card small{display:block;font-size:10px;color:#abc2d4}.reviewbox{padding:16px;border:1px solid #36576f}.reviewbox h3{margin-top:0}.trayhead .eyebrow{color:#8dcbff;font-size:10px;letter-spacing:1px}.subtab.active{border-color:#80c8ff;color:#a0d9ff}.filter{font-size:11px}.scene-top{z-index:2}