:root{color-scheme:light;--ink: #1c1917;--muted: #57534e;--paper: #f6f1e8;--panel: #fffdf8;--line: #d6d3d1;--accent: #9a3412;--accent-strong: #7c2d12;--ok: #3f6212;--danger: #9f1239;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--keyboard: 0px;--bar: calc(64px + var(--safe-bottom));font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:var(--paper)}button,input{font:inherit;color:inherit}button{min-height:48px;min-width:48px;border:0;border-radius:12px;background:transparent;padding:8px 10px;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #0f766e;outline-offset:2px}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.home,.plan{min-height:0;flex:1;display:flex;flex-direction:column}.home{padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));gap:16px;overflow:auto}.home h1,.section-title{margin:0;font-size:1.5rem}.lede{margin:0;color:var(--muted);line-height:1.4}.stack{display:flex;flex-direction:column;gap:12px}.card,.sheet,.rooms-pane,.props-pane{background:var(--panel);border:1px solid var(--line);border-radius:16px}.card{padding:12px}.project-row,.room-row{width:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--panel);border:1px solid var(--line)}.project-row[aria-current=true],.room-row[aria-pressed=true]{border-color:var(--accent);background:#ffedd5}.primary{background:var(--accent);color:#fff;font-weight:650}.primary:disabled,button:disabled{opacity:.45}.top,.bottom{display:flex;align-items:center;gap:8px;background:#1f2933;color:#fff;flex:none}.top{min-height:calc(52px + var(--safe-top));padding:calc(4px + var(--safe-top)) 8px 4px}.bottom{min-height:var(--bar);padding:4px 6px var(--safe-bottom);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.top button,.bottom button{color:#fff}.bottom button{display:flex;flex-direction:column;justify-content:center;line-height:1.15;font-size:.92rem}.bottom button[aria-pressed=true]{background:#334155}.project-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:650}.save-state{flex:none;font-size:.75rem;color:#e7e5e4;max-width:7.5rem}.workspace{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.canvas-wrap{flex:1;min-height:0;position:relative;background:var(--paper)}.canvas-wrap svg{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.empty-hint,.banner,.cancel-strip{position:absolute;left:12px;right:12px;z-index:2}.empty-hint{top:16px;margin:0;padding:12px 14px;background:#fffdf8f0;border:1px solid var(--line);border-radius:14px;line-height:1.35}.banner{bottom:12px;margin:0;padding:10px 12px;background:#fff7ed;border:1px solid #fdba74;border-radius:12px;display:flex;justify-content:space-between;gap:8px;align-items:center}.cancel-strip{top:8px;text-align:center;background:#1f2933;color:#fffdf8;border-radius:999px;padding:12px 16px;pointer-events:none;font-size:15px;line-height:1.3}.rooms-pane,.props-pane{display:none}.overlay{position:fixed;inset:auto 0 calc(var(--bar) + var(--keyboard)) 0;z-index:5;max-height:min(78dvh,calc(100dvh - var(--keyboard) - var(--bar) - 12px));overflow:auto;background:var(--panel);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #1c19172e;padding:8px 16px calc(16px + var(--keyboard))}.scrim{position:fixed;inset:0 0 var(--bar) 0;border:0;border-radius:0;background:#1c191747;z-index:4;min-height:0}.field{display:flex;flex-direction:column;gap:4px;font-weight:650}.field input{min-height:48px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff;font-weight:450}.field-error,.hint{margin:0;font-weight:450}.field-error{color:var(--danger)}.hint{color:var(--muted)}.row-actions{display:flex;gap:8px}.row-actions button{flex:1}.area-readout{margin:0;font-size:1.15rem}.pane-scroll{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}@media(min-width:1100px){.plan{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "rooms canvas props" "rooms bottom props"}.top{grid-area:top}.workspace{grid-area:canvas}.bottom{grid-area:bottom}.rooms-pane,.props-pane{display:flex;flex-direction:column;min-height:0;border-radius:0}.rooms-pane{grid-area:rooms}.props-pane{grid-area:props}.overlay-rooms,.overlay-properties{display:none}}