*{box-sizing:border-box}body{margin:0;color:#302923;background:#faf9f7;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid #dfdbd4;background:white;border-radius:7px;padding:11px 15px;color:#292b2d}button:hover{border-color:#b74c25;background:#fffaf6}button:focus-visible,a:focus-visible{outline:3px solid #ad653c;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}header{height:91px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 4%;border-bottom:1px solid #eadfd5}.logo img{width:180px;height:60px;object-fit:contain}nav{display:flex;gap:23px;font-size:12px}nav a:hover{text-decoration:underline}.header-cta{border:1px solid #686b6e;border-radius:30px;padding:12px 18px;font-size:12px}#menu{display:none}main{max-width:1560px;margin:auto;padding:31px 4% 14px}.mast{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#75716b}h1{font:35px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:12px 0 0;font-weight:400;letter-spacing:-1px}h1 span{font:13px Arial,sans-serif;letter-spacing:0;color:#77736d;margin-left:24px}.quiet{background:transparent;border:1px solid #dfdbd4;font-size:12px}.primary{background:#292b2d;color:white;border-color:#292b2d;border-radius:30px;padding:13px 22px}.primary:hover{background:#45413c;color:white}.steps{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid #e2ded7}.step{flex:1;text-align:left;background:transparent;border:0;border-radius:0;padding:12px 8px 16px;color:#85817a;font-size:12px;display:flex;gap:10px;align-items:center;border-bottom:2px solid transparent}.step.active{color:#292b2d;border-bottom-color:#292b2d}.step b{border:1px solid #dfdbd4;border-radius:50%;width:25px;height:25px;text-align:center;line-height:24px;font-size:11px}.step.active b{background:#292b2d;color:white;border-color:#292b2d}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:25px;align-items:start}.panel{background:#fff;border:1px solid #e2ded7;border-radius:12px;padding:25px;min-height:590px;display:flex;flex-direction:column}#questions{flex:1}h2{font:27px "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.15;margin:10px 0}h3{font-size:13px;font-weight:600;margin:24px 0 12px}p{color:#77736d;line-height:1.65;font-size:12px}.small-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#807a71}.cards{display:grid;gap:10px;margin:22px 0}.choice{text-align:left;position:relative;padding:17px;border-radius:8px;display:flex;align-items:center;gap:15px}.choice.selected{background:#f3f0eb;border-color:#686b6e;box-shadow:0 0 0 1px #686b6e}.choice strong{display:block;font-size:13px;margin-bottom:5px}.choice small{font-size:11px;color:#77736d;line-height:1.4;display:block}.choice svg{width:56px;height:42px;flex-shrink:0}.choice.selected:after{content:'✓';position:absolute;right:10px;top:8px;color:#292b2d;font-size:11px}.choices2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices2 .choice{padding:13px;display:block}.choices2 .choice svg{margin-bottom:8px}.step-actions{display:flex;justify-content:space-between;gap:10px;padding-top:23px;margin-top:20px;border-top:1px solid #eeeae4}.visual{min-width:0;background:#f3f0eb;border:1px solid #e0dcd5;border-radius:12px;overflow:hidden}.preview-top{padding:18px 22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#75716b}.preview-top i{display:inline-block;width:6px;height:6px;background:#b74c25;border-radius:50%;margin-right:6px}#viewport{height:470px;position:relative;touch-action:none;background:linear-gradient(#f3f0eb,#ebe7e0)}#viewport canvas{display:block;width:100%;height:100%}.view-tools{position:absolute;right:16px;top:10px;display:flex;z-index:2;box-shadow:0 3px 10px #0001;border-radius:7px}.view-tools button{padding:9px 12px;font-size:11px;border-radius:0;border-right:0;background:#ffffffdf}.view-tools button:first-child{border-radius:7px 0 0 7px}.view-tools button:last-child{border-right:1px solid #dfdbd4;border-radius:0 7px 7px 0}.view-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#75716b;font-size:10px;pointer-events:none}.preview-bottom{background:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.preview-bottom strong{font:19px "Helvetica Neue",Helvetica,Arial,sans-serif;display:block}.preview-bottom span{font-size:11px;color:#77736d;display:block;margin-top:5px}.spec-strip{display:flex;justify-content:space-between;padding:17px 22px;font-size:10px;color:#77736d;gap:10px;border-top:1px solid #e2ded7;background:#faf9f7}.spec-strip b{color:#45413c;font-weight:500}footer{text-align:center;font-size:10px;color:#8b857c;padding:25px 10px;line-height:1.6}.field{display:block;margin:13px 0;color:#66625b;font-size:11px}.field input,.field select{display:block;width:100%;padding:11px;border:1px solid #dfdbd4;border-radius:6px;background:#fff;color:#302923;margin-top:7px}.field input:focus{outline:2px solid #ad653c}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note{background:#f3f0eb;padding:12px;border-radius:7px;color:#77736d;font-size:11px;line-height:1.6}.switch{display:flex;gap:9px;align-items:center;margin:16px 0;font-size:12px}.switch input{accent-color:#292b2d;width:17px;height:17px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0;max-height:290px;overflow:auto;padding:2px}.swatch{padding:5px;border-radius:6px;text-align:left;min-width:0}.swatch i{height:47px;display:block;background-size:cover;background-position:center;border-radius:3px}.swatch span{font-size:9px;line-height:1.4;display:block;margin-top:6px;min-height:23px}.swatch.selected{border-color:#686b6e;box-shadow:0 0 0 1px #686b6e}.tabs{display:flex;gap:7px;margin:16px 0}.tabs button{font-size:11px;padding:9px}.tabs .active{background:#292b2d;color:white}.door-icon{width:40px;height:52px;display:inline-block;border:5px solid #ccb698;background:#deceb7;box-shadow:inset 0 0 0 1px #9d8d77;margin-bottom:8px}.door-icon.slab{border:0;box-shadow:0 0 0 1px #b8a180}.door-icon.micro{border-width:2px}.door-icon.nickel{background:repeating-linear-gradient(90deg,#c8b48e 0 14px,#998260 14px 15px);border:0}#warnings:not(:empty){padding:12px 20px;background:#fff4dc;color:#805d21;font-size:11px;line-height:1.6}.list{max-height:190px;overflow:auto;margin:12px 0}.list button{width:100%;padding:10px;text-align:left;font-size:11px;margin:3px 0;display:flex;justify-content:space-between}.list button.selected{border-color:#686b6e;background:#f3f0eb}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:10px;background:#292b2d;color:white;z-index:30;display:none;max-width:90%;font-size:12px}#fallback{padding:90px 30px;color:#567}.save-actions{display:flex;gap:7px;flex-wrap:wrap}.save-actions button{font-size:11px;padding:10px}.inline-link{font-size:11px;text-decoration:underline;color:#45413c}.editor-nav{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.editor-nav button{font-size:10px;padding:8px}.editor-nav button.active{background:#292b2d;color:white}
@media(min-width:1500px){#viewport{height:570px}}@media(max-width:1050px){nav{gap:12px;font-size:10px}.header-cta{display:none}.workspace{grid-template-columns:310px minmax(0,1fr);gap:15px}.panel{padding:20px}h1 span{display:none}#viewport{height:450px}.spec-strip{flex-wrap:wrap}}@media(max-width:720px){header{height:72px;padding:8px 5%}.logo img{width:150px;height:50px}#menu{display:block;border:0}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;z-index:10;padding:25px;box-shadow:0 10px 20px #0001;font-size:14px}nav.open{display:flex;flex-wrap:wrap;gap:22px}main{padding:23px 16px 6px}.mast{margin-bottom:18px;gap:8px;align-items:flex-start}.mast .quiet{font-size:10px;max-width:105px;padding:9px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:26px;letter-spacing:-.5px;margin-top:10px}.steps{margin-bottom:17px}.step{display:block;text-align:center;font-size:9px;padding:9px 2px}.step b{display:block;margin:0 auto 7px;width:22px;height:22px;line-height:21px;font-size:10px}.workspace{display:flex;flex-direction:column;gap:16px}.panel{width:100%;min-height:0;padding:21px}.visual{width:100%}#viewport{height:340px}.preview-top{padding:14px 15px;font-size:8px;letter-spacing:.7px}.preview-bottom{padding:15px}.spec-strip{padding:14px 15px;font-size:9px}.cards{margin:16px 0}.choice{padding:13px}.choices2{grid-template-columns:1fr 1fr}.step-actions{padding-top:17px;margin-top:15px}h2{font-size:25px}.view-hint{font-size:9px}.workspace.design .visual{order:-1}.workspace.design #viewport{height:360px}.swatches{max-height:260px}.row{gap:10px}}

#add-island-back{position:absolute;z-index:5;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;padding:0;border:1px solid #aaa8a180;border-radius:50%;background:#eeece7d9;color:#7d7168;font-size:28px;font-weight:400;line-height:1;box-shadow:none;touch-action:manipulation;cursor:pointer}
#add-island-back[hidden]{display:none}
#add-island-back:focus-visible{outline:3px solid #332b25;outline-offset:3px}

/* Cabinet-type choices remain visible while mixing doors and finishes. */
.appearance-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.appearance-type{display:flex;flex-direction:column;gap:5px;text-align:left;min-width:0;padding:14px;border:1px solid #dcd8d1;border-radius:12px;background:#fff;color:#352c25;cursor:pointer;font:inherit}.appearance-type:first-child{grid-column:1/-1}.appearance-type.active{border:2px solid #686b6e;padding:13px;background:#f3f0eb}.appearance-type strong{display:flex;justify-content:space-between;gap:8px;font-size:15px}.appearance-type .type-door{font-size:13px}.appearance-type .type-finish{font-size:12px;color:#6b6963;overflow-wrap:anywhere}.appearance-type:focus-visible{outline:3px solid #b34f25;outline-offset:2px}.appearance-editing{display:flex;flex-direction:column;gap:7px;margin:14px 0 20px}.appearance-editing small{line-height:1.5;color:#74716b}.appearance-editing .quiet{align-self:flex-start;font-size:12px;padding:9px 12px}.appearance-help{font-size:14px!important;line-height:1.6}

.start-mode{margin-bottom:22px}.start-mode .choice{display:flex;flex-direction:column;gap:8px}.start-mode small{font-size:12px;line-height:1.5}#quick-delete{color:#a63322}#quick-delete[hidden]{display:none!important}#wall-adders{position:absolute;inset:0;pointer-events:none;z-index:8}#wall-adders button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:48px;height:44px;border:1px solid #aaa;border-radius:22px;background:#ffffffeb;color:#666;font-size:25px;box-shadow:0 2px 8px #0001;cursor:pointer}#wall-adders button small{font-size:12px}#wall-adders button[hidden]{display:none}#wall-adders.fallback-adders{inset:auto 10px 45px;display:flex;justify-content:center;gap:10px}#wall-adders.fallback-adders button{position:static;transform:none}#wall-add-form{display:grid;gap:12px}#wall-add-form label{display:grid;gap:5px}#wall-add-form input,#wall-add-form select{width:100%;min-height:42px;padding:8px;border:1px solid #ccc;border-radius:7px;background:white;color:#352c25}#wall-add-form small{line-height:1.5}

.wall-sketch-modal{position:fixed;inset:0;background:#0008;z-index:10000;display:flex;justify-content:center;overflow:auto;overscroll-behavior:contain;padding:12px}.wall-sketch{background:#faf9f6;border-radius:16px;width:min(100%,600px);padding:18px;margin:auto;box-sizing:border-box}.wall-sketch header{display:flex;justify-content:space-between;align-items:center}.wall-sketch header button{font-size:26px}.wall-sketch p{font-size:14px;line-height:1.5}.wall-sketch button{min-height:44px;padding:8px 14px;border:1px solid #bbb7ad;border-radius:9px;background:#fff;color:#352c25;cursor:pointer}.wall-sketch svg{width:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;background:white;border:1px solid #bbb7ad;border-radius:10px;margin:12px 0}.sketch-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sketch-options label{font-size:12px;display:grid;gap:6px}.sketch-options input,.sketch-options select{width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;padding:8px;border:1px solid #bbb7ad;border-radius:8px;box-sizing:border-box;background:#fff}.sketch-actions,.sketch-wall-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.sketch-wall-list [aria-pressed=true]{background:#ece1d6;border-color:#a74c2a}.wall-sketch form{display:grid;gap:12px}.wall-sketch form[hidden]{display:none}.wall-sketch small{font-size:12px;line-height:1.5;color:#686760}.wall-sketch [data-error]{color:#a43c28}.wall-sketch [data-apply]{width:100%;background:#352c25;color:#fff}.wall-sketch button:disabled{opacity:.45}#edit-custom-walls[hidden]{display:none!important}

.finish-photo-card[data-finish-photo="custom"] img{object-fit:cover;object-position:center;background:#fff;padding:0}