:root{--color-bg:#fff;--color-bg-subtle:#fafafa;--color-text:#1a1a1a;--color-line:#1a1a1a;--color-border:#e2e2e2;--color-accent:#1f7a3d;--color-accent-text:#fff;--radius:6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--color-text);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}button{cursor:pointer;font-family:inherit;font-size:12px}.planner-page{flex-direction:column;height:100vh;display:flex}.planner-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.planner-header .brand{align-items:center;gap:12px;display:flex}.planner-header .logo{width:auto;height:24px;display:block}.planner-header .title{color:#444;font-weight:600}.planner-body{flex:1;grid-template-columns:auto 1fr auto auto;display:grid;overflow:hidden}.planner-body.breakpoint-sideHidden{grid-template-columns:auto 1fr auto}.planner-body.breakpoint-tablet{grid-template-columns:auto auto;justify-content:center;column-gap:40px}.planner-body.breakpoint-mobile{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;align-items:start;overflow-y:auto}.planner-body.breakpoint-mobile .sidebar,.planner-body.breakpoint-mobile .summary-panel{width:100%;height:auto}.planner-body.breakpoint-mobile .sidebar-content,.planner-body.breakpoint-mobile .summary-panel-content{height:auto;overflow-y:visible}.planner-page.planner-page--embed{height:auto}.planner-page--embed .planner-body{flex:none;grid-auto-rows:max-content;align-content:start;align-items:start;height:auto;overflow:visible}.planner-page--embed .front-projection-area,.planner-page--embed .side-projection-area{height:720px}.planner-page--embed .sidebar,.planner-page--embed .summary-panel{height:auto}.planner-page--embed .sidebar-content,.planner-page--embed .summary-panel-content{height:auto;overflow-y:visible}.planner-body.breakpoint-tablet .collapse-handle,.planner-body.breakpoint-mobile .collapse-handle{display:none}.sidebar{border-right:1px solid var(--color-border);width:260px;min-height:0;position:relative}.sidebar-content{height:100%;padding:20px 16px;overflow-y:auto}.sidebar-collapsed{width:56px;padding:20px 8px}.sidebar section{margin-bottom:22px}.field-label{letter-spacing:.03em;text-transform:uppercase;color:#333;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.info-icon-wrapper{display:inline-block;position:relative}.info-icon{font:inherit;cursor:pointer;color:#999;background:0 0;border:none;margin:0;padding:0;font-weight:400;line-height:1}.info-icon-tooltip{z-index:10;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);width:220px;color:var(--color-text);text-transform:none;letter-spacing:normal;margin-top:6px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.4;position:absolute;top:100%;left:0;box-shadow:0 2px 8px #0000001f}.help-text{color:#777;margin-top:6px;font-size:12px}.stepper-input{border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;display:flex;overflow:hidden}.stepper-input button{background:var(--color-bg-subtle);border:none;padding:8px 12px}.stepper-input input{text-align:center;border:none;flex:1;width:60px;padding:8px 4px;font-size:13px}.stepper-input .unit{color:#999;padding-right:8px;font-size:12px}.stepper-input .stepper-value{text-align:center;flex:1}.button-row{flex-wrap:wrap;gap:6px;display:flex}.button-row button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);flex:1;padding:8px 4px}.button-row button.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.toggle-group{border:1px solid var(--color-border);border-radius:var(--radius);display:flex;overflow:hidden}.toggle-group button{background:var(--color-bg);border:none;flex:1;padding:8px}.toggle-group button.active{background:var(--color-text);color:var(--color-bg)}.checkbox-row{align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.reset-button{border:1px solid var(--color-border);border-radius:var(--radius);background:0 0;width:100%;padding:8px 12px}.preview-button{background:var(--color-bg);border:1px solid var(--color-text);border-radius:var(--radius);width:100%;margin-top:10px;padding:8px 12px;font-weight:600}.collapse-handle{background:var(--color-text);width:28px;height:28px;color:var(--color-bg);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sidebar .collapse-handle,.sidebar-collapsed .collapse-handle{right:-14px}.summary-panel .collapse-handle,.summary-panel-collapsed .collapse-handle{left:-14px}.front-projection-area,.side-projection-area{justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:hidden}.front-projection-area{border-right:1px solid var(--color-border);justify-content:safe center;overflow:scroll hidden}.side-projection-area{border-right:1px solid var(--color-border);min-width:300px}.projection-canvas{cursor:grab;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;padding-top:20px;display:flex;position:relative}.projection-canvas.panning{cursor:grabbing}.projection-zoom-layer{transform-origin:0 0;position:absolute;inset:0}.reset-view-button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);z-index:3;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 3px #00000014}.projection-canvas svg{flex-shrink:0;display:block}.rail{fill:var(--color-bg);stroke:var(--color-line);stroke-width:1.5px}.rail-slot{fill:var(--color-line)}.shelf-board{fill:#dcdcdc;stroke:var(--color-line);stroke-width:1.5px}.bracket{fill:#6b6b6b}.dimension-arrow{pointer-events:none;position:absolute}.dimension-arrow--horizontal{border-top:1px solid #999;height:0}.dimension-arrow--vertical{border-left:1px solid #999;width:0}.dimension-arrow-head-anchor,.dimension-arrow-head{position:absolute}.dimension-arrow--horizontal .dimension-arrow-head{border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;top:-4px}.dimension-arrow--horizontal .dimension-arrow-head--start{border-right:6px solid #999;left:0}.dimension-arrow--horizontal .dimension-arrow-head--end{border-left:6px solid #999;left:-6px}.dimension-arrow--vertical .dimension-arrow-head{border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;left:-4px}.dimension-arrow--vertical .dimension-arrow-head--start{border-bottom:6px solid #999;top:0}.dimension-arrow--vertical .dimension-arrow-head--end{border-top:6px solid #999;top:-6px}.dimension-arrow-label-anchor{position:absolute}.dimension-arrow-label{color:#666;background:var(--color-bg);white-space:nowrap;padding:0 4px;font-size:12px;position:absolute;top:0;left:0}.dimension-arrow--horizontal .dimension-arrow-label{transform:translate(-50%,-50%)}.dimension-arrow--vertical .dimension-arrow-label{transform:translate(-50%,-50%)rotate(-90deg)}.rail-height-control,.row-count-stepper,.depth-control{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);white-space:nowrap;z-index:3;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;display:flex;position:absolute;box-shadow:0 1px 3px #00000014}.row-count-stepper{flex-direction:column;gap:2px;padding:6px 10px;top:8px;right:8px}.row-count-stepper .row-count-label{letter-spacing:.03em;color:#888;margin-top:2px;font-size:10px;font-weight:700}.rail-height-control button,.row-count-stepper button,.depth-control button{background:var(--color-bg-subtle);border:none;border-radius:4px;width:26px;height:26px;padding:0;font-size:14px;line-height:1}.rail-height-control button:disabled,.row-count-stepper button:disabled,.depth-control button:disabled{opacity:.35;cursor:not-allowed}.summary-panel{width:320px;min-height:0;position:relative}.summary-panel-content{height:100%;padding:20px 16px;overflow-y:auto}.summary-panel-collapsed{width:32px}.summary-panel h2{letter-spacing:.03em;color:#333;margin:18px 0 10px;font-size:12px}.summary-list{grid-template-columns:1fr auto;row-gap:6px;font-size:13px;display:grid}.summary-list dt{color:#777}.summary-list dd{text-align:right;margin:0;font-weight:600}.parts-list{margin:0;padding:0;list-style:none}.parts-list li{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;font-size:12px;display:grid}.part-name{grid-column:1;font-weight:600}.part-sku{color:#999;grid-column:1}.part-qty{grid-area:1/2/span 2;align-self:center;font-weight:600}.error-text{color:#b3261e;font-size:12px}.cart-button{background:var(--color-accent);width:100%;color:var(--color-accent-text);border-radius:var(--radius);border:none;margin-top:16px;padding:12px;font-weight:700}.cart-button:disabled{opacity:.5;cursor:not-allowed}.or-divider{text-align:center;color:#999;font-size:12px}.consent-required-text{color:#777;font-size:11px}.lead-capture-actions{flex-direction:column;gap:8px;display:flex}.secondary-button{background:var(--color-bg);border:1px solid var(--color-text);border-radius:var(--radius);width:100%;padding:10px;font-weight:600}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.lead-capture-form{flex-direction:column;gap:12px;padding:16px;display:flex}.lead-capture-form .field-group{flex-direction:column;gap:4px;display:flex}.lead-capture-form .field-row{gap:12px;display:flex}.lead-capture-form .field-row .field-group{flex:1}.lead-capture-form input[type=email],.lead-capture-form input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius);padding:8px}.lead-capture-form a{color:var(--color-accent);font-size:11px}.email-sent-text{color:var(--color-accent);margin-top:10px;font-size:12px;font-weight:600}.dirty-banner{background:#fff4e5;border-bottom:1px solid #f0c987;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:10px 24px;font-size:13px;display:flex}.dirty-banner button{background:var(--color-text);color:var(--color-bg);border-radius:var(--radius);white-space:nowrap;border:none;padding:6px 14px;font-weight:600}.dirty-banner button:disabled{opacity:.6;cursor:not-allowed}.dirty-banner-hint{color:#8a6d3b;white-space:nowrap;font-style:italic}.modal-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);border-radius:var(--radius);flex-direction:column;width:100%;max-width:900px;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--color-border);z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;display:flex;position:relative}.modal-close{border:1px solid var(--color-border);border-radius:var(--radius);background:0 0;padding:6px 10px}.modal-body{flex:1;min-height:0;position:relative}.projection-modal{height:90vh}.lead-capture-modal{max-width:540px}