:root{color:#33443b;font-synthesis:none;--green:#315747;--green-soft:#e8f0e4;--muted:#6f7d69;--faint:#8e9a88;--line:#e1e5da;--panel:#fbfbf6;--card:#fffefa;--accent:#c7834c;background:#f7f7f2;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{background:#f7f7f2;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.3}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #bd7f4c}input[type=text],input[type=number],input:not([type]),select{background:#fff;border:1px solid #dbe0d3;border-radius:7px;width:100%;min-width:0;padding:8px 10px;font-size:13px}input[type=color]{cursor:pointer;background:0 0;border:1px solid #d5dbcf;border-radius:50%;width:26px;height:26px;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}input[type=range]{accent-color:var(--green);width:100%}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}svg{flex-shrink:0}p{margin:0}h2{margin:0;font-family:Georgia,serif;font-weight:400}kbd{color:#56654f;background:#fff;border:1px solid #d4dacd;border-bottom-width:2px;border-radius:4px;margin:0 1px;padding:1px 6px;font-family:inherit;font-size:11px}.app{flex-direction:column;min-width:320px;height:100dvh;min-height:480px;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);background:#fffefa;flex-shrink:0;align-items:center;gap:16px;height:58px;padding:0 18px;display:flex}.brand{letter-spacing:-.6px;color:#2e4539;align-items:center;gap:9px;padding:0;font:23px Georgia,serif;display:flex}.brand-mark{background:var(--green);color:#fff8e9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-studio{letter-spacing:4.4px;color:var(--muted);margin-left:2px;font:8px Segoe UI,sans-serif;display:block}.header-divider{background:var(--line);width:1px;height:28px}.project-title{flex-direction:column;gap:3px;min-width:200px;display:flex}.project-title>button{text-align:left;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;display:flex}.project-title>button svg{color:var(--faint)}.project-title input{height:30px;padding:4px 8px;font-size:14px}.save-state{color:var(--muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.save-state.warning,.warning{color:#b87a3f}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.primary-button,.outline-button,.subtle-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.primary-button{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 2px 6px #223f3520}.primary-button:hover{background:#254a3b}.walk-button{padding:10px 18px;font-size:14px}.outline-button{background:var(--card);border:1px solid #d8ded1}.outline-button:hover{background:#f5f8f0;border-color:#aebca8}.subtle-button{color:var(--muted)}.subtle-button:hover{background:#eef2ea}.icon-button{color:#5d6c57;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover:not(:disabled){background:#e8eee5}.icon-button.small{width:28px;height:28px}.icon-button.danger,.danger{color:#b0614f}.text-button{color:#4f7449;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:500;display:inline-flex}.text-button:hover{color:var(--green);text-decoration:underline}.workspace{flex:1;min-height:0;display:flex}.library-panel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;flex-shrink:0;width:236px;display:flex;overflow:auto}.library-tabs{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;margin:8px 12px 6px;display:flex;position:sticky;top:0}.library-tabs button{color:var(--muted);border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:5px;margin-bottom:-1px;padding:9px 0 10px;font-size:12px;display:flex}.library-tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.catalog-section{padding:4px 12px 8px}.catalog-block{margin-top:14px}.section-heading{letter-spacing:1.2px;color:var(--muted);margin-bottom:8px;font-size:10.5px;font-weight:650;display:block}.eyebrow{letter-spacing:1.4px;color:var(--muted);font-size:10.5px;font-weight:650}.tile-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tile{text-align:center;background:var(--card);border:1px solid #e2e5da;border-radius:9px;flex-direction:column;align-items:center;gap:5px;min-height:84px;padding:10px 6px 9px;display:flex}.tile:hover{background:#f5f8f0;border-color:#b6c4ae}.tile.chosen{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}.tile strong{font-size:12.5px;font-weight:600;line-height:1.2}.tile small{color:var(--faint);font-size:11px}.tile-icon{color:#6f7b63;background:#f0ede2;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.tile-icon.stairs{color:#8a6c4b;background:#f1e8da;width:44px}.tile-icon.tree,.tile-icon.grass,.tile-icon.plant{color:#5f8452;background:#e3eddd}.tile-icon.pool,.tile-icon.bathtub,.tile-icon.shower,.tile-icon.vanity,.tile-icon.toilet{color:#5d8f92;background:#e0eeee}.stair-dir{margin-bottom:8px}.hint-text{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.5}.sidebar-bottom{color:#5d6f58;background:#f1f3ea;border-radius:9px;grid-template-columns:auto 1fr;gap:4px 8px;margin:auto 12px 12px;padding:12px;font-size:12px;line-height:1.5;display:grid}.sidebar-bottom>svg{color:#b19b65;margin-top:2px}.sidebar-bottom button{color:#4f7449;grid-column:2;justify-self:start;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;display:flex}.main{background:#f4f5ef;flex-direction:column;flex:1;min-width:0;display:flex}.workspace-toolbar{border-bottom:1px solid var(--line);background:#fbfcf7;flex-wrap:wrap;align-items:center;gap:12px;min-height:52px;padding:6px 14px;display:flex}.floor-picker{color:#5f6e59;border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:2px 3px 2px 10px;display:flex;position:relative}.floor-picker select{appearance:none;cursor:pointer;background:0 0;border:0;max-width:170px;padding:6px 22px 6px 2px;font-size:13.5px;font-weight:600}.floor-picker .select-caret{pointer-events:none;color:var(--faint);position:absolute;right:38px}.drawing-tools{background:#eef1e8;border-radius:8px;gap:2px;padding:3px;display:flex}.drawing-tools button{color:#5f6e59;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.drawing-tools button.active{color:var(--green);background:#fff;font-weight:600;box-shadow:0 1px 4px #263b2918}.view-tabs{background:#eef1e8;border-radius:8px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.view-tabs button{white-space:nowrap;color:#5f6e59;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.view-tabs button.active{color:var(--green);background:#fff;font-weight:600;box-shadow:0 1px 4px #263b2918}.canvas-options{align-items:center;gap:8px;display:flex}.canvas-options .snap{color:#9aa395;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:12.5px;display:flex}.canvas-options .snap.active{color:var(--green);background:#eef2ea}.canvas-options select{width:auto;padding:6px 8px;font-size:12.5px}.undo-group{border-right:1px solid var(--line);gap:2px;margin-right:2px;padding-right:6px;display:flex}.canvases{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;min-height:250px;margin:10px 12px 0;display:flex;position:relative;overflow:hidden}.plan-wrap,.scene-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.plan-wrap{background:#f4f6ed}.view-split .plan-wrap{border-right:1px solid #d5ddcf}.plan,.scene{touch-action:none;width:100%;height:100%;display:block}.plan{cursor:crosshair;-webkit-user-select:none;user-select:none}.tool-select .plan{cursor:default}.tool-select .plan-item{cursor:grab}.tool-select .plan-item:active,.panning .plan,.panning .plan-item{cursor:grabbing}.tool-pan .plan{cursor:grab}.plan-item:focus-visible{outline:none}.plan-item:focus-visible>rect:first-of-type{stroke:#c17e45;stroke-width:.12px}.room-name{fill:#3f4b3d;paint-order:stroke;stroke:#f8f6ee;stroke-width:.06px;font-family:Segoe UI,sans-serif;font-weight:600}.tool-select .room-name{cursor:pointer}.tool-select .room-name:hover{fill:var(--green);text-decoration:underline}.room-area{fill:#5f6c58;paint-order:stroke;stroke:#f8f6ee;stroke-width:.05px;font-family:Segoe UI,sans-serif}.dim-label{fill:#9c653c;paint-order:stroke;stroke:#f8f6ee;stroke-width:.06px;pointer-events:none;font-family:Segoe UI,sans-serif;font-weight:600}.plan-empty{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);text-align:center;background:#fffefae8;border-radius:14px;width:min(360px,80%);padding:20px 22px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #2a3f3014}.plan-empty strong{color:#2e4539;font:20px Georgia,serif}.plan-empty p{color:var(--muted);margin:8px 0 14px;font-size:13px;line-height:1.55}.plan-empty kbd{color:#fff;background:#fff2;border-color:#fff4}.selection-bar{z-index:3;background:#fff;border:1px solid #e0d2c3;border-radius:9px;gap:2px;padding:3px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 6px 20px #4d3a2226}.selection-bar button{color:#6b5a45;border-radius:6px;place-items:center;width:32px;height:30px;display:grid}.selection-bar button:hover{background:#f6eee4}.selection-bar .danger{color:#b0614f}.panel-corner{z-index:1;letter-spacing:1px;pointer-events:none;white-space:nowrap;color:#4b5a46;background:#fbfcf7cc;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:10.5px;font-weight:650;display:flex;position:absolute;top:12px;left:12px}.live-dot{background:#88a179;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.muted{color:var(--muted);letter-spacing:.3px;font-weight:500}.plan-bottom{pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;bottom:44px;left:12px;right:12px}.scale{color:var(--muted);align-items:center;gap:6px;margin-right:auto;font-size:11px;display:flex}.scale>span:first-child{border:1px solid #8d9b80;border-top:0;width:28px;height:5px;display:block}.key{background:#e8eee0;border-radius:4px;margin-left:4px;padding:3px 6px;font-size:10.5px}.canvas-buttons{pointer-events:auto;background:#fffefa;border:1px solid #dce3d5;border-radius:8px;display:flex;box-shadow:0 2px 12px #4c654615}.canvas-buttons button{color:#5d7056;place-items:center;width:34px;height:32px;display:grid}.plan-export{pointer-events:auto;color:#5d7056;background:#fffefa;border:1px solid #dce3d5;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:8px;display:grid;box-shadow:0 2px 12px #4c654615}.canvas-hint{color:var(--muted);text-align:center;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#f9faf4e8;border-top:1px solid #e0e7d7;padding:8px 10px;font-size:12px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.north{color:#7f8e75;pointer-events:none;flex-direction:column;align-items:center;gap:1px;font-size:10px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.scene canvas{touch-action:none;display:block}.scene-controls{pointer-events:none;justify-content:space-between;gap:6px;display:flex;position:absolute;top:46px;left:12px;right:12px}.scene-controls>*{pointer-events:auto}.segmented{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbf3dd;border:1px solid #d5ded0;border-radius:8px;gap:2px;padding:3px;display:flex}.segmented button{color:#5f6e59;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;display:flex}.segmented button.active{color:var(--green);background:#fff;font-weight:600;box-shadow:0 1px 5px #4a653018}.segmented.wide button{flex:1}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#5f7355;background:#fafcf4e0;border:1px solid #dbe4d2}.scene-bottom{justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.scene-bottom>span{color:#4f6048;background:#fafcf3d0;border-radius:6px;padding:6px 9px;font-size:11.5px}.scene-error{color:#6c7d60;align-items:center;line-height:1.7;display:flex;position:absolute;inset:30%}.workspace-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:7px 16px 9px;font-size:12px;display:flex}.project-stats{gap:16px;display:flex}.project-stats strong{color:#33443b;font-weight:600}.workspace-footer button{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.inspector{background:var(--panel);border-left:1px solid var(--line);flex-shrink:0;width:268px;overflow:auto}.inspector-title{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;align-items:center;gap:9px;height:50px;padding:0 16px;display:flex;position:sticky;top:0}.inspector-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.inspector-title .icon-button{margin-left:auto}.inspector-body{padding:16px}.notes{resize:vertical;width:100%;min-height:64px;font:inherit;color:#33443b;background:#fff;border:1px solid #dbe0d3;border-radius:8px;margin-bottom:14px;padding:8px 10px;font-size:13px;line-height:1.45}.estimate{color:var(--muted);background:#f1f3ea;border-radius:10px;margin-bottom:18px;padding:10px 12px 11px;font-size:12.5px}.estimate .section-heading{margin-bottom:2px}.estimate strong{color:#2e4539;font:26px Georgia,serif;display:block}.estimate label{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.estimate input{width:64px;padding:3px 6px;font-size:12.5px}.estimate small{color:var(--faint);margin-top:6px;font-size:11.5px;display:block}.project-open .project-note{color:#5d6f58;text-overflow:ellipsis;white-space:nowrap;margin:0 12px 4px;font-size:12px;display:block;overflow:hidden}.field{color:var(--muted);margin:12px 0;font-size:12.5px;font-weight:500;line-height:1.4;display:block}.field>input,.field>select{margin-top:6px;display:block}.field-label{color:var(--muted);margin:14px 0 7px;font-size:12.5px;font-weight:500}.swatches{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:2px;display:flex}.swatches button{color:var(--faint);border:1px solid #0000001a;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.swatches button.selected{outline:2px solid var(--green);outline-offset:2px}.full{width:100%}.inspector .full{margin-top:10px}.inspector-tip{border-top:1px solid var(--line);color:var(--muted);gap:10px;margin-top:20px;padding:14px 0 0;display:flex}.inspector-tip p{font-size:12.5px;line-height:1.55}.floor-summary{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:14px}.level-row{border-radius:8px;align-items:center;gap:2px;margin-top:4px;display:flex}.level-row.active{background:var(--green-soft)}.level-row input{margin:2px;padding:6px 8px}.level-pick{text-align:left;color:#4a5944;flex:1;align-items:center;gap:8px;min-width:0;padding:9px 8px;font-size:13px;display:flex}.level-pick span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-row.active .level-pick{color:var(--green);font-weight:600}.level-pick small{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:400}.level-row .icon-button{opacity:.55}.level-row:hover .icon-button{opacity:1}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-fields .field{margin-top:8px}.area-card{color:var(--muted);background:#eef1e7;border:1px solid #e2e7d9;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.area-card strong{color:#4d6641;font-size:18px;font-weight:600}.area-card span{font-size:12.5px}.shape-actions{align-items:center;gap:6px;margin-top:18px;display:flex}.shape-actions .outline-button{padding:8px 10px}.shape-actions .icon-button{margin-left:auto}.name-chips{flex-wrap:wrap;gap:5px;margin:-4px 0 10px;display:flex}.name-chips button{background:var(--card);color:#4a5944;border:1px solid #dfe3d7;border-radius:999px;padding:4px 9px;font-size:12px}.name-chips button:hover{border-color:var(--green);color:var(--green);background:var(--green-soft)}.stair-styles{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.stair-styles.in-modal{grid-template-columns:repeat(6,1fr)}.stair-styles button{background:var(--card);color:#8a6c4b;border:1px solid #e2e5da;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;font-size:11px;display:flex}.stair-styles button span{color:#4a5944}.stair-styles button:hover{border-color:#c9b59b}.stair-styles button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fbf2e7}.connects{color:#4e6448;background:#eef3ea;border-radius:8px;gap:9px;margin-top:10px;padding:10px 11px;font-size:12.5px;line-height:1.5;display:flex}.connects>svg{margin-top:2px}.connects.warn{color:#8c5f2e;background:#fcf1e2}.connects .text-button{color:#9a5b22;padding:6px 0 0;display:flex}.opening-heading{margin-top:22px}.opening-row{color:#5f6e59;background:#f1f3eb;border:1px solid #e4e8dc;border-radius:8px;margin-bottom:8px;padding:10px;font-size:12.5px}.opening-row>div{align-items:center;gap:6px;margin-bottom:8px;display:flex}.opening-row strong{text-transform:capitalize;font-weight:600}.opening-row>div button{border-radius:5px;margin-left:auto;padding:4px;display:flex}.opening-row>div button:hover{background:#e3e8dc}.opening-row>label:not(.field){justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.opening-row select{max-width:150px;padding:4px 6px;font-size:12.5px}.opening-row .field{margin:8px 0 0;font-size:12.5px}.opening-row .field input{padding:5px 7px}.opening-add{gap:14px;display:flex}.toast{color:#fff8ea;z-index:100;background:#2e5041;border-radius:10px;align-items:center;gap:10px;max-width:min(640px,86vw);padding:12px 14px 12px 16px;font-size:13.5px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #1d392544}.toast>.toast-action{color:#fff;background:#fff2;border-radius:6px;padding:3px 10px;font-weight:600}.toast>button{color:#c5d4c8;margin-left:6px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1d352c66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fffdf5;border-radius:16px;width:100%;max-width:780px;max-height:92vh;padding:32px;position:relative;overflow:auto;box-shadow:0 20px 100px #203b3a40}.modal:focus{outline:none}.modal-close{position:absolute;top:14px;right:14px}.modal h2{color:#33503d;margin:8px 0 10px;font-size:32px}.modal>p{color:var(--muted);font-size:14px;line-height:1.6}.project-modal-actions{align-items:center;gap:12px;margin:20px 0;display:flex}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-height:380px;padding:2px;display:grid;overflow:auto}.project-card{border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden}.project-card.current{border-color:var(--green)}.project-open{text-align:left;width:100%;padding:0}.project-thumbnail{color:#899c73;background:linear-gradient(135deg,#eef1e5,#dbe3cc);justify-content:center;align-items:center;height:110px;padding:10px;display:flex;position:relative}.thumb-svg{width:100%;height:100%}.project-thumbnail span{color:#50663f;background:#ffffffb0;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;bottom:6px;right:8px}.project-open strong{margin:10px 12px 3px;font-size:14px;display:block}.project-open small{color:var(--faint);margin:0 12px 8px;font-size:12px;display:block}.project-card-actions{justify-content:space-between;padding:0 6px 6px;display:flex}.project-card-actions button{color:#5d7651;border-radius:6px;align-items:center;gap:5px;padding:5px 6px;font-size:12px;display:flex}.project-card-actions button:hover{background:#eef2ea}.project-card-actions .danger{color:#b0614f}.project-card-actions button.on{background:var(--green-soft);color:var(--green);font-weight:600}.compare{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;padding:14px 16px 16px}.compare-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.compare-head strong{color:#2e4539;font:18px Georgia,serif}.compare-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.compare-col>strong{font-size:15px}.compare-plans{gap:8px;margin:8px 0;display:flex}.compare-plans figure{background:linear-gradient(135deg,#eef1e5,#dbe3cc);border-radius:8px;flex-direction:column;flex:1;height:130px;margin:0;padding:8px;display:flex}.compare-plans figure svg{flex:1;width:100%;min-height:0}.compare-plans figcaption{color:#50663f;text-align:center;margin-top:4px;font-size:11.5px}.compare-plans .compare-empty{color:#899c73;justify-content:center;align-items:center}.compare dl{margin:0 0 10px}.compare dl>div{border-bottom:1px solid #eef0e8;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;display:flex}.compare dt{color:var(--muted)}.compare dd{text-align:right;margin:0;font-weight:600}.compare-notes{color:#5d6f58;white-space:pre-wrap;background:#f5f6ef;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:12.5px}.modal-note{color:#5d6f58;background:#f0f3e7;border-radius:8px;gap:12px;margin-top:20px;padding:13px 15px;font-size:12.5px;line-height:1.6;display:flex}.modal-floor{max-width:500px}.floor-options{gap:12px;margin:18px 0 6px;display:flex}.floor-options>button{color:#7a8f69;background:#f7f9ef;border:1px solid #e0e7d7;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;font-size:14px;display:flex}.floor-options>button.selected{border-color:var(--green);background:var(--green-soft);color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.floor-options strong{font-weight:600}.checkbox-label{color:#56664f;align-items:center;gap:9px;margin:16px 0 18px;font-size:13.5px;line-height:1.5;display:flex}.checkbox-label.tight{margin:10px 0 4px}.tour-steps{grid-template-columns:1fr 1fr;gap:18px 24px;margin:22px 0;display:grid}.tour-steps>div{align-items:start;gap:14px;display:flex}.tour-steps>div>span{font-variant-numeric:lining-nums tabular-nums;color:#a4b18f;flex-shrink:0;width:30px;font:22px Georgia,serif}.tour-steps strong{color:#3f5a3b;font-size:14.5px;font-weight:650}.tour-steps p{color:#5f6e59;margin-top:4px;font-size:13px;line-height:1.6}.shortcut-grid{background:#f0f3e7;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;display:grid}.shortcut-grid>span{color:#56664f;align-items:center;gap:7px;font-size:12.5px;display:flex}.modal .small-note{color:var(--faint);margin:16px 0;font-size:12px}.save-warning{color:#8f622b;text-align:center;z-index:40;background:#fff0d8;padding:7px;font-size:13px;position:fixed;bottom:0;left:0;right:0}.save-warning button{text-decoration:underline}.app.is-walking .app-header,.app.is-walking .library-panel,.app.is-walking .inspector,.app.is-walking .workspace-toolbar,.app.is-walking .workspace-footer{display:none}.app.is-walking .canvases{border:0;border-radius:0;margin:0}.walk-top{pointer-events:none;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.walk-top>*{pointer-events:auto}.walk-exit{color:#fff;background:#2e5041ee;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:500;display:flex;box-shadow:0 4px 18px #0003}.walk-exit kbd{color:#fff;background:#fff2;border-color:#fff4}.walk-levels{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcf7d8;border-radius:12px;gap:3px;margin:0 auto;padding:4px;display:flex;box-shadow:0 4px 18px #0002}.walk-levels button{white-space:nowrap;color:#4b5a46;border-radius:8px;padding:7px 14px;font-size:13.5px}.walk-levels button.active{background:var(--green);color:#fff;font-weight:600}.walk-tools{gap:6px;display:flex}.walk-tour{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:38px;color:var(--green);background:#fbfcf7e0;border:1px solid #dbe4d2;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:flex}.walk-tour.on{background:var(--green);color:#fff;border-color:var(--green)}.walk-fade{pointer-events:none;background:#1c2a24;animation:.7s ease-out forwards fade-out;position:absolute;inset:0}@keyframes fade-out{0%{opacity:.85}to{opacity:0}}.walk-tools .icon-button{width:38px;height:38px}.walk-hint{color:#4b5a46;white-space:nowrap;pointer-events:none;background:#fffdf4ee;border-radius:12px;align-items:center;gap:10px;padding:11px 18px;font-size:13.5px;animation:.4s ease-out rise;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.walk-hint strong{white-space:nowrap;color:#2e4539;font:18px Georgia,serif}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.walk-map{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#fbfcf7e6;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 8px 6px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 4px 18px #0002}.walk-map canvas{pointer-events:auto;cursor:crosshair;width:170px;height:170px}.walk-room{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#1f302999;border-radius:10px;padding:6px 16px 7px;font:20px Georgia,serif;animation:.5s ease-out fade-in;position:absolute;top:66px;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}}.walk-map span{color:#3f5a3b;font-size:12px;font-weight:650}.walk-pad{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);gap:5px;display:grid;position:absolute;bottom:18px;right:18px}.walk-pad button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#3f5a3b;touch-action:none;-webkit-user-select:none;user-select:none;background:#fbfcf7d0;border-radius:12px;place-items:center;display:grid;box-shadow:0 3px 12px #0002}.walk-pad button:active{color:var(--green);background:#fff}.walk-pad button:first-child{grid-area:1/2}.walk-pad button:nth-child(2){grid-area:2/1}.walk-pad button:nth-child(3){grid-area:2/2}.walk-pad button:nth-child(4){grid-area:2/3}.scene-wrap.walking .scene{cursor:grab}.scene-wrap.walking .scene:active{cursor:grabbing}@media (width<=1600px){.view-tabs button svg,.drawing-tools button span+svg,.drawing-tools button svg:not(:only-child){display:none}.workspace-toolbar{gap:8px}}@media (width<=1320px){.library-panel{width:206px}.inspector{width:240px}.app .window-styles:not(.compact){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){.header-actions .subtle-button span{display:none}}@media (width<=1150px){.canvas-options .snap span,.brand>span:last-child{display:none}.tile-grid{gap:5px}}.panel-toggle,.drawer-close,.drawer-scrim{display:none}.panel-toggle{border:1px solid var(--line);height:34px;color:var(--green);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:600}.panel-toggle[aria-expanded=true]{background:var(--green-soft);border-color:#c9d8c4}@media (width<=1100px){.workspace{position:relative}.inspector{z-index:30;visibility:hidden;width:min(320px,88vw);transition:transform .24s,visibility 0s .24s;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-18px 0 40px #1d352c26}.app.drawer-inspector .inspector{visibility:visible;transition:transform .24s;transform:none}.inspector-toggle,.drawer-close{display:flex}.drawer-scrim{z-index:25;background:#1d352c38;animation:.2s ease-out fade-in;display:block;position:absolute;inset:0}.view-tabs{margin-left:0}.canvas-options{margin-left:auto}}@media (width<=1100px) and (orientation:portrait){.canvases.view-split{flex-direction:column}.view-split .plan-wrap{border-bottom:1px solid #d5ddcf;border-right:0}.plan-wrap,.scene-wrap{min-height:0}}@media (width<=720px){.library-panel{z-index:30;visibility:hidden;width:min(300px,86vw);transition:transform .24s,visibility 0s .24s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:18px 0 40px #1d352c26}.app.drawer-library .library-panel{visibility:visible;transition:transform .24s;transform:none}.library-toggle{display:flex}.inspector{border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;width:auto;max-height:62%;top:auto;left:0;transform:translateY(100%);box-shadow:0 -18px 40px #1d352c26}.app-header{gap:8px;height:52px;padding:0 10px}.brand>span:last-child,.header-divider,.save-state,.header-actions .icon-button[aria-label="Help and shortcuts"],.header-actions .subtle-button,.header-actions .outline-button span{display:none}.project-title{flex:1;min-width:0}.project-title button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.header-actions{gap:4px}.header-actions .outline-button{justify-content:center;width:36px;height:36px;padding:0}.undo-group{padding-right:2px}.walk-button{padding:0 12px}.workspace-toolbar{scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding:6px 8px;overflow-x:auto}.workspace-toolbar>*{flex-shrink:0}.floor-picker select{max-width:120px}.drawing-tools button svg:not(:only-child){display:block}.drawing-tools button span,.canvas-options .snap span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.canvases{margin:6px 6px 0}.workspace-footer{padding:6px 10px 8px}.workspace-footer>button{display:none}.project-stats{white-space:nowrap;gap:12px;overflow:hidden}.modal-backdrop{padding:12px}.modal{max-height:94dvh;padding:24px 20px}.modal h2{font-size:26px}.tour-steps{grid-template-columns:1fr;gap:14px;margin:16px 0}.shortcut-grid{display:none}.walk-map canvas{width:104px;height:104px}.walk-top{flex-wrap:wrap;gap:8px;top:10px;left:10px;right:10px}.walk-exit{padding:10px 12px}.walk-exit span,.walk-tour span{display:none}.walk-tools{margin-left:auto}.walk-levels{order:3;margin:0 auto}.walk-room{font-size:17px;top:108px}.app .walk-hint .keys{display:none}.app .walk-hint .touch{display:inline}.walk-hint{white-space:normal;max-width:calc(100% - 28px);padding:8px 12px;font-size:12.5px;top:156px;bottom:auto}}.walk-hint .touch{display:none}@media (pointer:coarse){.walk-hint .keys{display:none}.walk-hint .touch{display:inline}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.material-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 4px;display:grid}.material{background:var(--card);color:var(--muted);text-align:center;border:1px solid #e2e5da;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:6px 3px 5px;font-size:10.5px;line-height:1.15;display:flex}.material:hover{background:#f5f8f0;border-color:#aebca8}.material.selected{border-color:var(--green);color:var(--green);box-shadow:0 0 0 1px var(--green) inset;font-weight:600}.material-swatch{background-color:#eee;border:1px solid #0000001f;border-radius:5px;width:100%;height:26px}.button-row{gap:8px;margin-top:10px;display:flex}.button-row>button{flex:1;min-width:0}.catalog-search{z-index:1;color:var(--faint);background:#fff;border:1px solid #dbe0d3;border-radius:9px;align-items:center;gap:8px;margin:0 12px 2px;padding:0 10px;display:flex;position:sticky;top:52px}.catalog-search:focus-within{border-color:#aebca8;box-shadow:0 0 0 3px #31574714}.catalog-search input{background:0 0;border:0;padding:9px 0;font-size:12.5px}.catalog-search input:focus-visible{outline:none}.catalog-search button{color:var(--faint);border-radius:5px;padding:2px;display:flex}.catalog-search button:hover{color:var(--green);background:var(--green-soft)}.tile,.material{transition:background .15s,border-color .15s,box-shadow .15s,transform .12s}.tile:hover,.material:hover{transform:translateY(-1px);box-shadow:0 3px 10px #31574714}.material-grid.roof-grid{grid-template-columns:repeat(4,1fr)}.swatches button.text-swatch{background:var(--card);border-radius:12px;width:auto;padding:0 9px;font-size:11.5px}.swatches.tight{margin-top:2px}.corner-picker{border:1px dashed #cfd6c8;border-radius:8px;grid-template-columns:34px 34px;justify-content:center;gap:18px 44px;margin:8px 0 2px;padding:10px;display:grid}.corner-picker button{background:var(--card);border:3px solid #cfd6c8;width:34px;height:34px}.corner-picker .corner-nw{border-bottom-color:#0000;border-right-color:#0000}.corner-picker .corner-ne{border-bottom-color:#0000;border-left-color:#0000}.corner-picker .corner-sw{border-top-color:#0000;border-right-color:#0000}.corner-picker .corner-se{border-top-color:#0000;border-left-color:#0000}.corner-picker button.active.corner-nw{border-top-left-radius:22px}.corner-picker button.active.corner-ne{border-top-right-radius:22px}.corner-picker button.active.corner-sw{border-bottom-left-radius:22px}.corner-picker button.active.corner-se{border-bottom-right-radius:22px}.corner-picker button.active.corner-nw{border-top-color:var(--green);border-left-color:var(--green)}.corner-picker button.active.corner-ne{border-top-color:var(--green);border-right-color:var(--green)}.corner-picker button.active.corner-sw{border-bottom-color:var(--green);border-left-color:var(--green)}.corner-picker button.active.corner-se{border-bottom-color:var(--green);border-right-color:var(--green)}.window-styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.window-styles button{background:var(--card);color:#52675f;border:1px solid #e2e5da;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;font-size:10.5px;display:flex}.window-styles button span{color:#4a5944;text-overflow:ellipsis;max-width:100%;overflow:hidden}.window-styles button:hover{background:#f5f8f0;border-color:#aebca8}.window-styles button.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:var(--green-soft)}.window-styles.compact button{padding:3px 0}.window-options{gap:6px;margin:4px 0;display:grid}.swatch-label{color:var(--muted);margin-right:2px;font-size:11.5px}.dress-row{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.opening-row>div.window-options{align-items:stretch;gap:6px;margin-bottom:8px;display:grid}.opening-row>div.window-options button{margin-left:0;padding:3px 0}.opening-row>div.window-options .swatches button{border-radius:50%;padding:0}.opening-row>div.window-options .swatches button.text-swatch{border-radius:12px;padding:0 9px}.opening-row .window-options .checkbox-label{font-size:11.5px}.join-rooms{gap:6px;margin-top:12px;display:grid}.join-rooms>button{justify-content:flex-start}