:root{--bg:#f6f2e8;--panel:#fffef8;--ink:#212121;--line:#b9b29f;--accent:#9a5d2f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1a1917;--panel:#24221f;--ink:#ece7de;--line:#575145;--accent:#c0804e}}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% 20%, #fffaf0 0, var(--bg) 50%, #ece4d4 100%);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){body{background:radial-gradient(circle at 20% 20%, #2a2723 0, var(--bg) 50%, #131210 100%)}}.page-shell{max-width:1200px;margin:0 auto;padding:1.25rem}.hero h1{margin-bottom:.25rem}.hero p{color:#464646;margin-top:0}.editor{grid-template-columns:300px 1fr;gap:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.9rem;position:relative}.panel h2{margin-top:0;font-size:1rem}.panel-header{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.panel-header h2{flex:1;margin:0}.panel-header-actions{align-items:center;gap:.4rem;display:flex}.icon-btn{border:1px solid var(--line);color:#2b2b2b;background:#f2ede2;border-radius:8px;width:36px;height:36px;padding:0;font-size:18px;line-height:1}@media (prefers-color-scheme:dark){.icon-btn{color:#ece7de;background:#3a362f}}.icon-btn.icon-btn-active{color:#fff;background:#2f6f5e;border-color:#2f6f5e}.settings-popover{z-index:5;border:1px solid var(--line);background:#fffef8;border-radius:10px;width:min(260px,100% - 1.8rem);padding:.75rem;position:absolute;top:3.2rem;right:.9rem;box-shadow:0 8px 22px #0000001f}@media (prefers-color-scheme:dark){.settings-popover{background:#2a2723;box-shadow:0 10px 26px #00000073}}.settings-popover-title{margin-bottom:.55rem;font-size:.86rem;font-weight:700}.control-group{margin-bottom:.9rem}.control-group label,.control-group span{margin-bottom:.35rem;font-size:.86rem;display:block}.mode-toolbox{gap:.5rem;display:flex}.mode-btn.mode-btn-active{color:#fff;background:#2f6f5e;border-color:#2f6f5e}.mode-btn{border:1px solid var(--line);color:#2b2b2b;background:#f2ede2;border-radius:10px;width:64px;height:64px;font-weight:700;position:relative}.place-switches{gap:.45rem;display:flex}.furniture-type-grid{flex-wrap:wrap;gap:.45rem;display:flex}.furniture-type-grid .place-switch{flex:calc(33.333% - .3rem);min-width:90px}.place-switch{border:1px solid var(--line);color:#2b2b2b;background:#f2ede2;border-radius:8px;flex:1;padding:.45rem .4rem;font-weight:700}@media (prefers-color-scheme:dark){.place-switch,.mode-btn{color:#ece7de;background:#3a362f}}.place-switch-active{color:#fff;background:#2f6f5e;border-color:#2f6f5e}.mode-btn-shortcut{color:#fff;text-align:center;background:#00000029;border-radius:999px;min-width:16px;height:16px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:6px;right:7px}select,input,button{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:.55rem}@media (prefers-color-scheme:dark){select,input,button{color:var(--ink);background:#2f2b25}}button{cursor:pointer;background:var(--accent);color:#fff;border:0}button.secondary{background:#5d5b57}button:disabled{cursor:not-allowed;opacity:.55}.canvas-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.canvas-top-actions{z-index:2;gap:.45rem;display:flex;position:absolute;top:.75rem;left:.75rem}.canvas-bottom-actions{z-index:2;display:flex;position:absolute;bottom:.75rem;left:.75rem}.canvas-top-right-actions{z-index:2;display:flex;position:absolute;top:.75rem;right:.75rem}.floor-overlay{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;flex-direction:column;align-items:center;gap:.35rem;padding:.35rem;display:flex;box-shadow:0 8px 22px #00000014}.floor-indicator{text-align:center;min-width:0;color:var(--ink);padding:0 .2rem;font-size:.82rem;font-weight:700}.canvas-icon-btn{border:1px solid var(--line);color:#2b2b2b;background:#f2ede2;border-radius:8px;width:2.2rem;height:2.2rem;padding:0;font-size:1.05rem;line-height:1}@media (prefers-color-scheme:dark){.canvas-icon-btn{color:#ece7de;background:#3a362f}.floor-overlay{background:#2a2723e6;box-shadow:0 10px 26px #00000059}}svg{background:#efefea;width:100%;height:72vh}.room-label{pointer-events:none;fill:#111;font-size:14px;font-weight:700}.measure-label{fill:#1e3a32;paint-order:stroke;stroke:#fffef8;stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-size:12px;font-weight:700}.fixture-label{fill:#1f2a2f;paint-order:stroke;stroke:#fffef8;stroke-width:3px;pointer-events:none;font-size:11px;font-weight:700}.legend{color:#4c4c4c;margin-top:.4rem;font-size:.8rem}@media (max-width:900px){.editor{grid-template-columns:1fr}svg{height:52vh}}