@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:wght@600&family=Poppins:wght@400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f0e8;--paper: #faf8f4;--ink: #1a1612;--muted: #7a7068;--accent: #c44d2e;--accent2: #2e6fc4;--grid: #d8d0c4;--panel: #ede8df}body{font-family:DM Mono,monospace;background:var(--bg);color:var(--ink);height:100vh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#0056a3;color:var(--bg);border-bottom:none;flex-shrink:0}header h1{font-family:Poppins,sans-serif;font-weight:400;font-size:1.4rem;letter-spacing:.02em}header .subtitle{font-size:.7rem;color:#fff;text-transform:uppercase;letter-spacing:.1em}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:372px;background:var(--panel);border-right:1px solid var(--grid);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-section{padding:12px 14px;border-bottom:1px solid var(--grid)}.sidebar-section h3{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:9px}.room-list{display:flex;flex-direction:column;gap:4px}.room-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:.73rem;border:1px solid transparent;transition:all .15s}.room-item:hover{background:var(--bg)}.room-item.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.room-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.room-item .room-name{flex:1}.room-item .del-room{background:none;border:none;cursor:pointer;color:#e82b2b;font-size:.9rem;line-height:1;opacity:0;transition:opacity .15s}.room-item:hover .del-room{opacity:1}.room-item.active .del-room{opacity:.6}.room-item .dup-room{background:none;border:none;cursor:pointer;color:#fff;line-height:1;opacity:0;transition:opacity .15s;padding:0;display:flex;align-items:center}.room-item:hover .dup-room{opacity:1}.room-item.active .dup-room{opacity:.6}.add-btn{width:100%;padding:7px;background:transparent;border:1px dashed var(--muted);border-radius:4px;font-family:DM Mono,monospace;font-size:.72rem;color:var(--muted);cursor:pointer;margin-top:6px;transition:all .15s}.add-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--bg)}.input-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.input-row label{font-size:.66rem;color:var(--muted);width:60px;flex-shrink:0}.input-row input,.input-row select{flex:1;padding:5px 7px;font-family:DM Mono,monospace;font-size:.73rem;background:var(--paper);border:1px solid var(--grid);border-radius:3px;color:var(--ink)}.input-row input:focus{outline:none;border-color:var(--accent)}.input-row input[type=range]{padding:0;border:none;background:transparent}.input-row input[type=number]::-webkit-inner-spin-button,.input-row input[type=number]::-webkit-outer-spin-button{opacity:1}.color-swatches{display:flex;gap:6px;margin-top:4px}.color-swatches.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:0}.swatch{width:22px;height:22px;border-radius:3px;cursor:pointer;border:2px solid transparent;transition:border-color .1s}.color-swatches.grid .swatch{width:11px;height:11px}.split-swatch{width:22px;height:22px;border-radius:3px;cursor:pointer;border:2px solid transparent;transition:border-color .1s;flex-shrink:0}.swatch.active{border-color:var(--ink)}.furn-section-header{display:flex;align-items:center;justify-content:space-between;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 0 4px;cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid var(--grid);margin-top:4px}.furn-section-header:first-child{border-top:none;margin-top:0}.furn-section-header .furn-section-arrow{font-size:.55rem;transition:transform .15s}.furn-section-header.collapsed .furn-section-arrow{transform:rotate(-90deg)}.furn-item{padding:5px 2px;background:var(--paper);border:1px solid var(--grid);border-radius:4px;cursor:grab;text-align:center;font-size:.52rem;color:var(--ink);transition:all .15s;-webkit-user-select:none;user-select:none}.furn-item:hover{border-color:var(--accent);background:var(--bg);transform:translateY(-1px)}.furn-item .furn-icon{font-size:.95rem;display:block;margin-bottom:2px}.wall-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.wall-item{padding:6px 4px;background:var(--paper);border:1px solid var(--grid);border-radius:4px;cursor:pointer;text-align:center;font-size:.58rem;color:var(--ink);transition:all .15s;-webkit-user-select:none;user-select:none}.wall-item:hover{border-color:var(--accent2);background:var(--bg)}.wall-item.active-tool{background:var(--accent2);color:#fff;border-color:var(--accent2)}.wall-item .wall-icon{font-size:1rem;display:block;margin-bottom:2px}.canvas-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--paper);border-bottom:1px solid var(--grid);flex-shrink:0;flex-wrap:wrap}.toolbar .sep{width:1px;height:20px;background:var(--grid);margin:0 4px}.tool-btn{padding:5px 10px;font-family:DM Mono,monospace;font-size:.68rem;background:transparent;border:1px solid var(--grid);border-radius:3px;cursor:pointer;color:var(--muted);transition:all .15s}.tool-btn:hover{border-color:var(--ink);color:var(--ink)}.tool-btn.danger:hover{border-color:var(--accent);color:var(--accent)}.tool-btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.scale-info{font-size:.65rem;color:var(--muted);margin-left:auto}.mode-indicator{padding:3px 10px;border-radius:3px;font-size:.65rem;background:var(--accent2);color:#fff;display:none}.mode-indicator.show{display:inline-block}.canvas-scroll{flex:1;overflow:auto;padding:50px;background:repeating-linear-gradient(0deg,transparent,transparent 19px,var(--grid) 19px,var(--grid) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,var(--grid) 19px,var(--grid) 20px);background-color:var(--bg)}#canvas{position:relative}.room-canvas{position:absolute;border:3px solid;background:#ffffff8c;cursor:move;overflow:visible}.room-canvas.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.room-label{position:absolute;top:5px;left:7px;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500;opacity:.65;pointer-events:none;white-space:nowrap}.room-dims-label{position:absolute;bottom:4px;right:6px;font-size:.52rem;opacity:.45;pointer-events:none}.resize-handle{position:absolute;bottom:-5px;right:-5px;width:12px;height:12px;background:var(--accent2);border-radius:2px;cursor:se-resize;z-index:10}.dim-horiz{position:absolute;left:0;right:0;height:16px;display:flex;align-items:center;pointer-events:none}.dim-vert{position:absolute;top:0;bottom:0;width:20px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.dim-bar-h{flex:1;height:1px;background:var(--muted)}.dim-bar-v{flex:1;width:1px;background:var(--muted)}.dim-txt{font-size:.5rem;color:var(--muted);background:var(--bg);padding:0 3px;white-space:nowrap}.dim-txt-v{font-size:.5rem;color:var(--muted);background:var(--bg);padding:2px 0;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.furn-placed{position:absolute;border:1.5px solid rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:move;text-align:center;border-radius:2px;-webkit-user-select:none;user-select:none;overflow:hidden;padding:2px}.furn-placed:hover{box-shadow:0 0 0 1.5px var(--accent)}.furn-placed.selected-f{box-shadow:0 0 0 2px var(--accent)}.f-icon{font-size:1rem;line-height:1}.f-name{font-size:.42rem;color:#555;margin-top:1px;white-space:nowrap;overflow:hidden;max-width:100%}.fd-top{position:absolute;top:4px;left:0;right:0;height:16px;pointer-events:none;display:flex;align-items:center}.fd-left{position:absolute;left:4px;top:0;bottom:0;width:16px;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.fd-line-h{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--accent)}.fd-line-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent)}.fd-cap{position:absolute;background:var(--accent)}.fd-txt-h{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.46rem;color:var(--accent);background:#f5f0e8ed;padding:0 3px;white-space:nowrap;z-index:2;font-family:DM Mono,monospace}.fd-txt-v{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:.46rem;color:var(--accent);background:#f5f0e8ed;padding:0 3px;white-space:nowrap;z-index:2;font-family:DM Mono,monospace}.furn-controls{position:absolute;top:-26px;left:50%;transform:translate(-50%);display:none;background:var(--ink);border-radius:3px;padding:2px 5px;gap:4px;white-space:nowrap;z-index:200}.furn-placed.selected-f .furn-controls{display:flex}.furn-controls button{background:none;border:none;color:var(--bg);font-size:.65rem;cursor:pointer;padding:1px 4px;font-family:DM Mono,monospace}.furn-controls button:hover{color:#f4a261}.wall-opening{position:absolute;cursor:pointer;z-index:20;overflow:visible}.wall-opening.horiz{height:20px!important;margin-top:-7px}.wall-opening.vert{width:20px!important;margin-left:-7px}.wall-opening:hover svg{outline:2px solid rgba(46,111,196,.5)}.wall-opening.selected-wo svg{outline:2px solid var(--accent2)}.save-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;border:1px solid var(--grid);background:var(--paper);margin-bottom:4px;font-size:.68rem}.save-item .save-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-item .save-date{font-size:.58rem;color:var(--muted);white-space:nowrap}.save-item .save-actions{display:flex;gap:3px;flex-shrink:0}.save-item .save-actions button{background:none;border:none;cursor:pointer;font-size:.7rem;padding:1px 3px;border-radius:2px}.save-item .save-actions button:hover{background:var(--bg)}.modal-overlay{position:fixed;inset:0;background:#1a161280;display:none;align-items:center;justify-content:center;z-index:1000}.modal-overlay.open{display:flex}.modal{background:var(--paper);border:1px solid var(--grid);border-radius:6px;padding:20px;width:300px}.modal h3{font-family:Playfair Display,serif;margin-bottom:14px;font-size:1.1rem}.modal-btns{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--muted);font-size:.75rem;text-align:center;gap:8px}.empty-state .big{font-size:2rem}.info-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:6px 14px;border-radius:4px;font-size:.7rem;opacity:0;transition:opacity .2s;pointer-events:none;z-index:500}.info-panel.show{opacity:1}