@font-face{font-family:Allura;src:url('assets/fonts/allura.ttf')}@font-face{font-family:'Great Vibes';src:url('assets/fonts/greatvibes.ttf')}@font-face{font-family:'Dancing Script';src:url('assets/fonts/dancingscript.ttf')}
header nav{gap:15px}header nav a{font-size:12px}.admin-link{font-size:12px;margin:10px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden}.config-intro{padding:25px 5vw;display:flex;justify-content:space-between}.config-intro p{margin:0}.studio-section{padding-top:35px}.studio-body{grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr)}.studio-options{max-height:800px;overflow-y:auto}.catalog-scroll{max-height:400px;overflow:auto;padding:4px}.ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ref-grid article{min-width:0}.ref-grid button{border:1px solid #d2d6cf;background:white;padding:8px;width:100%;cursor:pointer}.ref-grid button.selected{outline:2px solid #385340}.ref-grid img{width:100%;height:140px;object-fit:contain}.ref-grid span{display:block;font-size:12px}.ref-grid a{font-size:11px}.measure-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.measure-fields input{width:100%}.studio-options details{border-top:1px solid #ccd1c5;padding:15px 0}.studio-options summary{cursor:pointer;font-weight:600}.studio-options .swatch small{display:block;font-size:9px}.mode-choices .choice{font-size:12px}.measure-ok,.measure-error{font-size:12px;margin:15px;padding:12px;text-align:left;background:#dfe8de}.measure-error{background:#f3e1d7;color:#713b2a}.measure-error ul{margin:7px 0;padding-left:20px}.stage-top{gap:10px;flex-wrap:wrap}.stage-top button{white-space:nowrap}.studio:fullscreen,.studio.full-fallback{width:100vw;height:100dvh;max-width:none;background:#f5f3ec;overflow:auto;padding:15px;box-sizing:border-box}.studio.full-fallback{position:fixed;inset:0;z-index:10000}.studio:fullscreen .studio-body,.studio.full-fallback .studio-body{min-height:calc(100dvh - 130px)}.studio:fullscreen #viewport,.studio.full-fallback #viewport{height:calc(100dvh - 310px);min-height:320px}.studio:fullscreen .studio-options,.studio.full-fallback .studio-options{max-height:calc(100dvh - 100px)}.bath-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.bath-card{background:#eeede6}.bath-card>img{width:100%;height:330px;object-fit:cover}.bath-card>div{padding:22px}.bath-card h3{font-size:25px}.bath-card small{font-size:10px}.bath-filters{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.bath-planner{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;background:#efeee6;padding:35px}.bath-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:30px 0}.bath-planner label,.admin-section label{display:flex;flex-direction:column;gap:8px}.bath-planner input,.bath-planner select,.bath-planner textarea,.admin-section input,.admin-section select{border:1px solid #bcc6bb;padding:12px;background:#fff;font:inherit;width:100%;box-sizing:border-box}.admin-section{max-width:1000px;margin:auto}.admin-section label{margin:18px 0}.admin-tabs{display:flex;gap:15px;margin:30px 0}.admin-section .check{flex-direction:row}.check input[type=checkbox]{width:auto}.thankyou{min-height:60vh}.cookie-panel{position:fixed;bottom:20px;left:20px;z-index:10002;max-width:470px;background:#fff;padding:25px;box-shadow:0 10px 80px #0003;color:#20372d}.cookie-panel .btn{margin:8px 5px 0 0}.cookie-panel h3{font-size:25px;margin:0 0 10px}.cookie-panel p{font-size:13px}.studio [hidden],.bath-card[hidden],[data-pane][hidden]{display:none!important}#configSend input,#configSend textarea{width:100%;box-sizing:border-box}#configSend .check input{width:auto}#configSend label{margin:15px 0}#configStatus,#contactStatus{font-size:13px}
@media(max-width:1100px){.bath-gallery{grid-template-columns:1fr 1fr}header nav{gap:8px}.studio-body{grid-template-columns:1fr 380px}}@media(max-width:760px){.studio-body{display:block}.studio-options{max-height:none}.studio:fullscreen .studio-options,.studio.full-fallback .studio-options{max-height:none}.studio:fullscreen #viewport,.studio.full-fallback #viewport{height:45dvh;min-height:260px}.bath-gallery,.bath-materials,.bath-planner{grid-template-columns:1fr}.bath-planner{padding:22px}.config-intro{display:block}.config-intro p{font-size:12px;margin-top:10px}.studio-steps{overflow-x:auto;justify-content:flex-start}.studio-steps button{flex:0 0 auto}.cookie-panel{right:15px;left:15px;bottom:15px}.bath-card>img{height:300px}}
.config-nav{font-weight:700;color:#245d4d!important}header nav{flex-wrap:wrap;gap:10px 16px}.cad-palette{max-height:410px;overflow:auto}.cad-palette>button{background:#fff;border:1px solid #c5cfc1;padding:10px;cursor:grab}.cad-palette img{height:150px;object-fit:contain;width:100%}.cad-palette small{font-size:10px;display:block}.cad-palette span{font-weight:600}.cad-palette .selected{border:2px solid #2c6754}.letter-tools{padding:15px;background:#e4e9df;margin:20px 0}.letter-tools .btn{margin:8px 0}#viewport[hidden],#layoutArea[hidden]{display:none!important}#layoutArea{padding:15px;background:#eeeee7}.layout-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.layout-heading button{padding:8px;border:1px solid #b8c8b5;background:white;cursor:pointer}.layout-heading button.selected,.viewtools button.selected{background:#254d3d;color:white}#layoutSVG{width:100%;height:510px;touch-action:none;background:#e5e9df;border:1px solid #cad2c3;display:block;margin:12px 0}.layout-object{cursor:move}.drag-over{outline:3px dashed #2996b3!important}.element-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#objectEditor{text-align:left;padding:15px;background:#fff}#objectEditor label{display:flex;flex-direction:column;gap:5px;font-size:12px}#objectEditor input,#objectEditor select{padding:8px;border:1px solid #c4ccbe;max-width:100%;box-sizing:border-box;width:100%;font:inherit}#objectEditor .btn{margin-top:12px}.studio:fullscreen #layoutSVG,.studio.full-fallback #layoutSVG{height:calc(100dvh - 410px);min-height:270px}.studio-options .ref-grid button{cursor:grab}.inspiration-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.inspiration-strip img{width:100%;height:300px;object-fit:cover}.inspiration-strip article{background:#eceee6;padding:12px}.inspiration-strip h3{font-size:22px}.inspiration-strip small{font-size:11px}@media(max-width:800px){.element-fields{grid-template-columns:1fr 1fr}#layoutSVG{height:420px}.inspiration-strip{grid-template-columns:1fr 1fr}.inspiration-strip img{height:230px}}
/* Configurator v6: complete reference contours and material targets */
.cad-palette img,.ref-grid button img{object-fit:contain;background:#f1eee7}
#kramerExamples article>a>img{object-fit:contain;background:#eeece6}
.cutout-preview{margin:12px 0;padding:12px;background:#f3f0e8;border:1px solid #d7d2c7}
.cutout-preview img{width:100%;height:320px;object-fit:contain!important}
.cutout-preview p{font-size:12px;line-height:1.5;color:#62695d}
.swatch[draggable=true]{cursor:grab}.swatch[draggable=true]:active{cursor:grabbing}
#layoutSVG [data-part]{cursor:copy}#materialHint{min-height:3em}
.cover-controls{margin:24px 0;padding:18px;background:#f4f1e9;border:1px solid #d6d2c7;border-radius:8px}.cover-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.cover-palette .choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 5px;font-size:12px;line-height:1.3;min-width:0}.cover-palette svg{width:64px;height:88px}.cover-palette .selected{outline:2px solid #51745d;background:#e6ece3}@media(max-width:480px){.cover-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}
.model-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:620px;overflow:auto;margin:16px 0;padding:4px}.model-palette .choice{display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:6px;min-width:0;font-size:12px}.model-palette img,.model-palette svg{width:100%;height:100px;object-fit:contain;background:#f2efe7}.model-palette .selected{outline:2px solid #55765d}.model-palette [hidden]{display:none}@media(max-width:480px){.model-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}