.wall-planner{color:#17241f;background:#f7f5ef;padding:44px 30px 80px}.planner-heading{max-width:1500px;margin:0 auto 30px}.planner-heading h1{margin:12px 0;font-size:clamp(38px,4.5vw,68px);line-height:1.1}.planner-heading>p:last-child{font-size:18px}.planner-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:26px;max-width:1500px;margin:auto;display:grid}.planner-visual{min-width:0;position:sticky;top:95px}.wall-planner button,.planner-file{color:#17241f;cursor:pointer;font:inherit;background:#fff;border:1px solid #c8cec7;border-radius:4px;padding:11px 13px;font-size:13px;font-weight:650}.wall-planner button:hover,.planner-file:hover{border-color:#a95e42}.wall-planner button[aria-pressed=true]{color:#fff;background:#1a2b24;border-color:#1a2b24}.wall-planner button:disabled{opacity:.45;cursor:not-allowed}.wall-planner button:focus-visible,.wall-planner input:focus-visible,.planner-file:focus-within{outline-offset:3px;outline:3px solid #bb795a}.planner-toolbar,.planner-output{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.planner-stage{background:#e4e7df;border:1px solid #d3d8ce;border-radius:6px;place-items:center;min-height:280px;display:grid;overflow:hidden}.planner-stage canvas{width:100%;height:auto;display:block}.planner-editing canvas{touch-action:none;cursor:crosshair}.planner-empty{text-align:center;padding:75px 20px}.planner-empty>span{color:#a95e42;font-size:13px;font-weight:700}.planner-empty h2{margin:12px 0;font-size:32px}.planner-empty p{font-size:16px}.planner-empty small{margin-top:15px;display:block}.planner-upload{display:inline-block;position:relative;overflow:hidden}.planner-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.planner-controls{background:#fff;border:1px solid #d8ddd5;border-radius:6px;padding:22px}.planner-controls fieldset{border:0;border-bottom:1px solid #dce0d9;min-width:0;margin:0 0 25px;padding:0 0 24px}.planner-controls legend{margin-bottom:15px;font-size:15px;font-weight:750}.planner-controls p,.planner-caption,.planner-help p,.planner-inquiry p{color:#5b675f;font-size:12px;line-height:1.6}.planner-controls label{font-size:12px;font-weight:650;display:block}.planner-controls input:not([type=checkbox]):not([type=file]),.planner-corner input{color:#17241f;width:100%;min-width:0;font:inherit;background:#fcfcfa;border:1px solid #bcc6bd;border-radius:3px;margin-top:6px;padding:10px;font-size:15px;display:block}.planner-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.planner-styles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.planner-styles button{text-align:left;gap:9px;display:grid}.planner-icon{background:#e1e5dd;border:2px solid #8c9b8e;width:48px;height:36px;display:block;position:relative}.planner-icon.frames:after,.planner-icon.wainscot:after{content:"";border:2px solid #7d8f81;position:absolute;inset:5px}.planner-icon.grid{background:repeating-linear-gradient(90deg,#0000 0 13px,#7d8f81 13px 15px),repeating-linear-gradient(0deg,#e1e5dd 0 14px,#7d8f81 14px 16px)}.planner-icon.slats{background:repeating-linear-gradient(90deg,#e1e5dd 0 5px,#7d8f81 5px 9px)}.planner-icon.wainscot{border-top:14px solid #e1e5dd}.planner-swatches{grid-template-columns:repeat(3,1fr);gap:6px;max-height:225px;margin-top:12px;padding:3px;display:grid;overflow:auto}.planner-swatches button{text-align:left;overflow-wrap:anywhere;min-width:0;padding:5px;font-size:10px}.planner-swatches i{border:1px solid #0001;border-radius:2px;height:30px;margin-bottom:5px;display:block}.planner-swatches small{opacity:.8;font-size:9px;display:block}.planner-check{align-items:center;gap:8px;display:flex!important}.planner-check input{width:18px;height:18px}.planner-file{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.planner-file input{width:100%;margin-top:6px;font-size:11px}.planner-output .planner-file{max-width:200px}.planner-output{margin-top:16px}.planner-caption{max-width:900px;margin:12px 0}.planner-status{color:#2a4939;min-height:25px;font-size:14px;font-weight:600}.planner-help{background:#fff;border:1px solid #d4dcd0;border-radius:4px;margin-top:10px;padding:14px}.planner-help strong{font-size:14px}.planner-help button{margin-right:8px}.planner-help details{margin-top:12px}.planner-help summary{cursor:pointer;font-size:13px}.planner-corner{grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:10px;margin-top:8px;display:grid}.planner-corner label{font-size:11px}.planner-error{color:#843b21;background:#f7e4dc;padding:12px;font-size:14px}.planner-inquiry h2{margin:0;font-size:27px}.planner-inquiry .button{text-align:center;color:#fff;display:block}.planner-dimensions{background:#f0f4ec;border-radius:4px;padding:9px}@media (max-width:1000px){.planner-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.planner-controls{padding:15px}.planner-visual{position:static}.wall-planner{padding:30px 18px}}@media (max-width:760px){.planner-workspace{grid-template-columns:1fr}.planner-heading{margin-bottom:18px}.planner-heading h1{font-size:40px}.planner-heading>p:last-child{font-size:16px}.planner-empty{padding:45px 14px}.planner-stage{min-height:180px}.planner-controls{padding:20px}.planner-swatches{grid-template-columns:repeat(4,1fr)}.planner-toolbar button{flex:40%}.planner-corner{grid-template-columns:1fr 1fr}.planner-corner strong{grid-column:1/-1}.planner-output button{flex:42%}.planner-output .planner-file{width:100%;max-width:none}.wall-planner{padding-bottom:95px}}.planner-visual{position:static}.planner-stage canvas{width:auto;max-width:100%;height:auto;max-height:65vh}.planner-stage{min-height:0}.planner-empty{min-height:300px}@media (max-width:760px){.planner-stage canvas{width:100%;max-height:none}}#room-preview{scroll-margin-top:90px}.planner-mobile-preview{display:none}@media (max-width:760px){.planner-mobile-preview{display:block}}