:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.toolbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000000d}.toolbar-left{align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.toolbar-center{color:#64748b;font-size:15px}.toolbar-right{color:#94a3b8;font-style:italic}.sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar-card{border:1px solid #e2e8f0;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0f172a0a}.sidebar-card-blue{background:#eff6ff;border-color:#bfdbfe}.sidebar-card-green{background:#f0fdf4;border-color:#bbf7d0}.sidebar-card-pink{background:#fff1f2;border-color:#fecdd3}.sidebar-card-gray{background:#f8fafc;border-color:#e2e8f0}.sidebar-button{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:8px;width:100%;padding:9px 10px;font-size:13px;line-height:1.3;transition:all .15s;box-shadow:0 1px 4px #0f172a0d}.sidebar-button:hover{background:#f8fafc;transform:translate(2px)}.sidebar-section-title{color:#475569;text-transform:uppercase;letter-spacing:.06em;text-align:left;margin-bottom:8px;font-size:12px;font-weight:800}.sidebar-button.disabled,.sidebar-button:disabled{opacity:.45;cursor:not-allowed}.sidebar-button:disabled:hover{background:#fff;transform:none}.sidebar-furniture-row{align-items:center;gap:6px;margin-top:6px;display:flex}.sidebar-furniture-button{flex:1}.sidebar-delete-button{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:9px;width:30px;height:30px;font-size:18px;font-weight:700}.sidebar-delete-button:hover{background:#fecaca}.sidebar-small-text{color:#64748b;font-size:12px}.sidebar-project-name{color:#1e3a8a;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:8px;padding:9px 10px;font-size:14px;font-weight:800;overflow:hidden}.sidebar-select-label{color:#475569;flex-direction:column;gap:6px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.sidebar-select-label select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:9px 10px;font-size:13px}.sidebar-file-actions{border-top:1px solid #bfdbfe;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.sidebar-suggestion-actions{background:#eff6ff;border:1px dashed #93c5fd;border-radius:8px;flex-direction:column;gap:6px;margin:8px 0 10px;padding:8px;display:flex}.sidebar-progress{background:#dbeafe;border-radius:999px;width:100%;height:8px;margin:10px 0 8px;overflow:hidden}.sidebar-progress-fill{background:#2563eb;width:17%;height:100%}.sidebar-category{margin-top:6px}.sidebar-library-toggle{font-weight:800}.sidebar-category-button{justify-content:space-between;align-items:center;margin-top:8px;font-weight:700;display:flex}.sidebar-count{color:#475569;text-align:center;background:#e2e8f0;border-radius:999px;min-width:24px;padding:2px 6px;font-size:12px}.sidebar-furniture-pick{color:#334155;width:calc(100% - 14px);box-shadow:none;background:#fff;border:1px solid #e2e8f0;margin-top:4px;margin-left:14px}.sidebar-primary-button{color:#fff;background:#2563eb;border:none;margin-top:12px}.sidebar-primary-button:hover{background:#1d4ed8}.canvas-workspace{background:#eef2f7;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.canvas-hint{color:#1d4ed8;text-align:center;background:#eff6ff;border-bottom:1px solid #cbd5e1;flex:none;padding:10px 16px;font-size:14px;font-weight:700}.canvas-stage{flex:1;min-height:0}.canvas{background:#eef2f7;justify-content:center;align-items:center;display:flex;overflow:auto}.floorplan{background:#fff;border-radius:8px;width:900px;max-width:none;transform:rotate(-90deg);box-shadow:0 15px 40px #00000026}.canvas-engine{background:#eef2f7;width:100%;height:100%;overflow:hidden}.canvas-engine.is-precision-mode,.canvas-engine.is-precision-mode .konvajs-content{cursor:none}.konvajs-content{background:#fff;margin:0 auto;display:block;box-shadow:0 15px 40px #00000026}.roomsketch-wizard{z-index:10;color:#1f2a24;background:#fff;border:1px solid #d7e3d1;border-radius:8px;width:min(420px,100% - 28px);max-height:calc(100% - 28px);padding:20px;position:absolute;top:48%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 18px 50px #27372d2e}.roomsketch-wizard.is-measuring-step{width:min(340px,100% - 28px);padding:16px;top:18%}.roomsketch-wizard h2{color:#15351f;margin:0 0 14px;font-size:22px;line-height:1.2}.roomsketch-wizard p{color:#36453a;margin:0 0 10px;font-size:15px;line-height:1.45}.roomsketch-wizard ul{color:#36453a;margin:0 0 12px;padding-left:22px;font-size:15px;line-height:1.5}.roomsketch-wizard-file{display:none}.roomsketch-wizard-button{color:#fff;cursor:pointer;background:#2f7d46;border:none;border-radius:8px;width:100%;margin-top:12px;padding:12px 14px;font-size:16px;font-weight:800}.roomsketch-wizard-button:disabled{opacity:.48;cursor:not-allowed}@media (height<=680px),(width<=760px){.roomsketch-wizard{width:min(380px,100% - 20px);max-height:calc(100% - 20px);padding:16px;top:46%}.roomsketch-wizard.is-measuring-step{top:18%}.roomsketch-wizard h2{font-size:20px}.roomsketch-wizard p,.roomsketch-wizard ul{font-size:14px}}.roomsketch-wizard-button:hover{background:#256d3d}.roomsketch-wizard-button-secondary{color:#1f5c31;background:#e8f3e5}.roomsketch-wizard-button-secondary:hover{background:#dbeed6}.roomsketch-wizard-back-button{color:#41644c;cursor:pointer;background:0 0;border:none;width:auto;margin:14px auto 0;font-size:14px;font-weight:700;display:block}.roomsketch-wizard-back-button:hover{color:#1f5c31;text-decoration:underline}.roomsketch-wizard-tip{color:#2f3d33;background:#f4faf2;border:1px solid #d7e3d1;border-radius:8px;gap:8px;margin:14px 0 4px;padding:12px;font-size:15px;line-height:1.35;display:grid}.roomsketch-wizard-example{color:#1f5c31;background:#eef5eb;border-radius:6px;margin:2px 0 12px;padding:6px 10px;font-weight:800;display:inline-block}.roomsketch-wizard-field{color:#36453a;gap:8px;margin:14px 0 4px;font-size:14px;font-weight:700;display:grid}.roomsketch-wizard-field input{color:#1f2a24;background:#f4faf2;border:1px solid #a9c8a1;border-radius:8px;width:100%;padding:11px 12px;font-size:16px}.roomsketch-wizard-status{color:#1f5c31;background:#f4faf2;border-radius:8px;margin-top:12px;padding:10px 12px;font-weight:700}.roomsketch-scale-comparison{color:#4b5b50;grid-template-columns:1fr auto;gap:6px 14px;margin:14px 0;font-size:14px;display:grid}.roomsketch-scale-comparison strong{color:#1f2a24;font-weight:800}.roomsketch-scale-arrow{color:#6b7a70;text-align:center;grid-column:1/-1}.roomsketch-scale-interpretation{margin-top:12px;font-weight:700}.inspector{background:#f8fafc;border-left:1px solid #e5e7eb;padding:20px;overflow:auto}.inspector h2{margin:0 0 20px;font-size:20px}.inspector-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #0f172a0d}.inspector-section h3{margin:0 0 14px;font-size:15px}.inspector-section-toggle{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:0 0 14px;padding:0;font-size:15px;font-weight:700;display:flex}.info-row{justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.inspector-subtle-row{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:12px}.current-scale-reference{color:#475569;border-top:1px solid #e5e7eb;margin-top:16px;padding-top:12px}.current-scale-reference h4{color:#334155;margin:0 0 8px;font-size:13px}.current-scale-reference p{margin:0 0 6px;font-size:13px}.current-scale-reference strong{color:#0f172a;font-size:14px;font-weight:700}.field-label{color:#475569;flex-direction:column;gap:8px;margin:14px 0;font-size:13px;display:flex}.field-label input{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:15px}.color-field{align-items:center;gap:10px;display:flex}.color-field input[type=color]{cursor:pointer;border-radius:8px;width:48px;height:36px;padding:3px}.color-field span{color:#334155;font-size:13px;font-weight:700}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:8px;padding:11px 12px;font-weight:700}.secondary-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:10px 12px;font-weight:700}.secondary-button:hover{background:#f8fafc}.inspector-button-row{gap:8px;margin-top:4px;display:flex}.primary-button:disabled{opacity:.45;cursor:not-allowed}.inspector-section input[type=file]+.primary-button,.inspector-destructive-button{margin-top:22px}.muted{color:#64748b;font-size:14px}.door-direction-controls{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:14px}.door-direction-controls>strong{color:#334155;margin-bottom:4px;font-size:13px;display:block}.door-direction-controls .muted{margin:0 0 8px;line-height:1.4}.danger-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;width:100%;padding:11px 12px;font-weight:700}.dialog-backdrop{z-index:999;background:#0f172a59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-card{background:#fff;border-radius:18px;width:360px;padding:22px;box-shadow:0 24px 80px #0f172a4d}.dialog-card h2{margin:0 0 18px}.dialog-card label{color:#475569;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}.dialog-card input{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:15px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.dialog-actions button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px}.dialog-actions .primary{color:#fff;background:#2563eb;font-weight:700}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}.app-layout{flex-direction:column;height:100%;display:flex}.workspace{flex:1;grid-template-columns:260px 1fr 300px;display:grid}.save-toast{z-index:30;color:#fff;background:#166534;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0f172a2e}.restore-overlay{z-index:20;background:#0f172a2e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.restore-card{background:#fff;border:1px solid #dbeafe;border-radius:8px;width:min(380px,100%);padding:22px;box-shadow:0 18px 45px #0f172a33}.restore-card h2{margin:0 0 14px;font-size:22px;line-height:1.2}.restore-card p{color:#475569;margin:0 0 4px}.restore-card strong{color:#0f172a;margin-bottom:18px;font-size:18px;display:block}.restore-actions{gap:10px;display:grid}.restore-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:11px 14px;font-size:14px;font-weight:700}.restore-button:hover{background:#f8fafc}.restore-button-primary{color:#fff;background:#2563eb;border-color:#2563eb}.restore-button-primary:hover{background:#1d4ed8}body{margin:0;font-family:Arial,sans-serif}