: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}html,body{height:100%}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{flex-direction:column;max-width:1900px;min-height:100%;margin:0 auto;padding:1.25rem;display:flex}.hero{flex:none}.hero h1{margin-bottom:.25rem}.hero p{color:#464646;margin-top:0}.editor{flex:auto;grid-template-rows:1fr;grid-template-columns:300px 1fr;gap:1rem;min-height:0;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:0;padding:.9rem;position:relative;overflow-y:auto}.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}.stage{flex-direction:column;gap:.6rem;min-height:0;display:flex}.stage .canvas-wrap{flex:auto}.canvas-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:0;display:flex;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;align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.canvas-mode-banner{z-index:3;color:#f5f0e6;text-align:center;pointer-events:none;background:#14120ec7;border-radius:8px;max-width:min(80%,520px);padding:.4rem .75rem;font-size:.78rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.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;flex:auto;width:100%;min-height:0}.modal-overlay{z-index:20;background:#14120e73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(640px,100%);max-height:min(80vh,720px);padding:1rem;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal-header{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.modal-header h3{margin:0}.modal-header .icon-btn{flex-shrink:0;width:36px}.modal-empty{color:#8b8578;font-size:.9rem}.plan-library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.plan-card{border:1px solid var(--line);background:#f8f5ec;border-radius:10px;flex-direction:column;gap:.4rem;padding:.5rem;display:flex;position:relative}@media (prefers-color-scheme:dark){.plan-card{background:#2f2b25}}.plan-card-active{border-color:#2f6f5e;box-shadow:0 0 0 2px #2f6f5e59}.plan-card-preview{aspect-ratio:4/3;border:1px solid var(--line);background:#efefea;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}.plan-card-preview img{object-fit:cover;width:100%;height:100%;display:block}.plan-card-placeholder{color:#8b8578;font-size:.75rem}.plan-card-meta{flex-direction:column;gap:.1rem;display:flex}.plan-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.plan-card-date{color:#8b8578;font-size:.72rem}.plan-card-delete{border:1px solid var(--line);color:#2b2b2b;background:#ffffffd9;border-radius:6px;width:1.8rem;height:1.8rem;padding:0;font-size:.9rem;position:absolute;top:.4rem;right:.4rem}@media (prefers-color-scheme:dark){.plan-card-delete{color:#ece7de;background:#282520d9}}.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}.dimension-label{fill:#222;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-size:11px;font-weight:600}.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-rows:auto minmax(360px,60vh);grid-template-columns:1fr}.panel{overflow-y:visible}}