@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--line: #e7e7e7;--line-strong: #d8d8d8;--text: #111111;--muted: #777777;--bg: #ffffff;--panel: #fafafa;--accent: #2563eb;--hover: #f0f0f0}html,body,#root{height:100%;width:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:13px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;height:44px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0}.brand{font-weight:600;font-size:13px;letter-spacing:.2px;padding-right:4px}.tb-group{display:flex;align-items:center;gap:2px}.tb-spacer{flex:1}.tb-btn,.tb-toggle{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:5px;cursor:pointer;font-size:12px;position:relative}.tb-btn:hover,.tb-toggle:hover{background:var(--hover)}.tb-btn:disabled{opacity:.3;cursor:default}.tb-btn:disabled:hover{background:transparent}.tb-toggle.on{background:#eef2ff;color:var(--accent)}.tb-toggle .dot{position:absolute;right:4px;bottom:4px;width:4px;height:4px;border-radius:50%;background:currentColor}.tb-label{font-size:11px}.unit-switch{display:inline-flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden}.unit-switch button{border:none;background:transparent;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--muted)}.unit-switch button.on{background:var(--text);color:#fff}.unit-switch-floating{position:fixed;right:12px;bottom:12px;z-index:15;background:var(--bg)}.main{flex:1;display:flex;min-height:0;position:relative}.toolbar{width:48px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px;background:var(--bg);z-index:2}.tool-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;color:var(--text)}.tool-btn:hover{background:var(--hover)}.tool-btn.active{background:var(--text);color:#fff}.tool-btn[data-tip]{position:relative}.tool-btn[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--text);color:#fff;font-size:11px;line-height:1;padding:6px 8px;border-radius:6px;pointer-events:none;opacity:0;visibility:hidden;z-index:20}.tool-btn[data-tip]:hover:after{opacity:1;visibility:visible}.tb-btn[data-tip],.tb-toggle[data-tip]{position:relative}.tb-btn[data-tip]:after,.tb-toggle[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--text);color:#fff;font-size:11px;line-height:1;padding:6px 8px;border-radius:6px;pointer-events:none;opacity:0;visibility:hidden;z-index:20}.tb-btn[data-tip]:hover:after,.tb-toggle[data-tip]:hover:after{opacity:1;visibility:visible}.canvas{flex:1;display:block;background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none}.csr-cross{cursor:crosshair}.csr-default{cursor:default}.csr-delete{cursor:pointer}.dim-label{fill:var(--text);paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.room-label{fill:var(--text);font-weight:500;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.measure-text{fill:var(--accent);font-weight:500;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.props{position:absolute;top:12px;right:12px;width:220px;background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 4px 16px #00000014;padding:12px;z-index:3}.props-title{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:10px}.props-body{display:flex;flex-direction:column;gap:8px}.field{display:flex;align-items:center;justify-content:space-between;gap:8px}.field>span{font-size:12px;color:var(--muted)}.field-input{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;width:110px}.field-input input{border:none;outline:none;padding:5px 7px;font-size:12px;width:100%;font-family:inherit;color:var(--text)}.field-input input::-webkit-outer-spin-button,.field-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-input .suffix{padding:0 7px;font-size:11px;color:var(--muted);border-left:1px solid var(--line);background:var(--panel);align-self:stretch;display:flex;align-items:center}.readout{font-size:12px;color:var(--muted)}.readout.big{font-size:18px;font-weight:600;color:var(--text)}.field-row{display:flex;gap:6px}.field-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px}.ghost-btn{flex:1;height:28px;border:1px solid var(--line-strong);background:var(--bg);border-radius:6px;cursor:pointer;font-size:12px;color:var(--text)}.ghost-btn:hover{background:var(--panel)}.delete-btn{margin-top:12px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;border:1px solid var(--line-strong);background:var(--bg);border-radius:6px;cursor:pointer;font-size:12px;color:#b91c1c}.delete-btn:hover{background:#fef2f2;border-color:#fca5a5}.toolbar-sep{width:24px;height:1px;background:var(--line);margin:4px 0}.toolbar-furn{position:relative}.furn-palette{position:fixed;left:52px;top:52px;width:280px;max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 4px 16px #00000014;z-index:10;overflow:hidden}.furn-palette-head{padding:10px 12px;font-size:12px;font-weight:600;letter-spacing:.02em;border-bottom:1px solid var(--line)}.furn-search{padding:8px;border-bottom:1px solid var(--line)}.furn-search input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:12px;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:6px;outline:none}.furn-search input::placeholder{color:var(--muted)}.furn-search input:focus{border-color:#2563eb}.furn-palette-scroll{overflow-y:auto;padding:6px}.furn-empty{padding:16px 8px;font-size:12px;text-align:center;color:var(--muted)}.furn-cat{margin-bottom:6px}.furn-cat-name{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 6px 4px}.furn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.furn-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;color:var(--text)}.furn-item span{font-size:10px;line-height:1.2;text-align:center;color:var(--muted)}.furn-item:hover{background:var(--hover);border-color:var(--line)}