:root{color-scheme:light;--bg: #f7f7f5;--fg: #1c1c1a;--chrome: #ffffff;--border: #dedcd5;--muted: #75736c;--accent: #1e6ec8;--accent-soft: #e8f0fb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);overflow:hidden}#app{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "canvas properties" "status status"}.app__header{grid-area:header;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;row-gap:.3rem;padding:.4rem .75rem;background:var(--chrome);border-bottom:1px solid var(--border)}.app__title{font-weight:600;letter-spacing:.02em}.file-bar{display:flex;align-items:center;gap:.6rem;margin-right:auto;min-width:0}.file-bar__name{flex:0 1 12rem;min-width:3rem;padding:.25rem .45rem;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:.9rem;text-overflow:ellipsis}.file-bar__name:hover{border-color:var(--border)}.file-bar__name:focus{border-color:var(--accent);background:#fff;outline:none}.file-bar__dirty{width:.6rem;margin-left:-.3rem;color:var(--accent);font-size:.7rem;line-height:1;visibility:hidden}.file-bar__dirty.is-visible{visibility:visible}.file-bar__commands{display:flex;gap:.2rem}.file-bar__button{padding:.28rem .6rem;border:1px solid var(--border);border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:.78rem;white-space:nowrap;cursor:pointer}.file-bar__button:hover{background:#f1f0ec}.file-bar__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbar{display:flex;gap:.25rem}.toolbar__button{padding:.3rem .5rem;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:.8rem;white-space:nowrap;cursor:pointer}.toolbar__button--group{position:relative;margin-left:.55rem}.toolbar__button--group:before{content:"";position:absolute;left:-.4rem;top:18%;bottom:18%;border-left:1px solid var(--border)}.toolbar__button:hover{background:#f1f0ec}.toolbar__button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.toolbar__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app__canvas{grid-area:canvas;position:relative;overflow:hidden;min-height:0;min-width:0}.canvas-surface{display:block;touch-action:none;cursor:default}[data-tool=wall] .canvas-surface,[data-tool=fence] .canvas-surface,[data-tool=door] .canvas-surface,[data-tool=window] .canvas-surface,[data-tool=zone] .canvas-surface,[data-tool=plant] .canvas-surface{cursor:crosshair}.canvas-surface.is-pan-ready{cursor:grab}.canvas-surface.is-panning{cursor:grabbing}.empty-state{position:absolute;top:22%;left:50%;transform:translate(-50%);width:min(30rem,calc(100% - 3rem));padding:1.4rem 1.6rem;border:1px solid var(--border);border-radius:10px;background:#ffffffe0;text-align:center;pointer-events:none}.empty-state.is-hidden{display:none}.entry{position:absolute;display:flex;gap:.25rem;padding:.15rem;border:1px solid var(--accent);border-radius:5px;background:#ffffffeb;pointer-events:none}.entry.is-hidden{display:none}.entry.is-armed{pointer-events:auto;box-shadow:0 1px 6px #0000002e}.entry__field{display:flex;align-items:baseline;gap:.15rem;padding:.05rem .25rem;border-radius:3px;background:var(--bg)}.entry__input{width:5ch;border:none;background:transparent;color:var(--fg);font:inherit;font-size:.8rem;font-variant-numeric:tabular-nums;text-align:right}.entry__input:focus{outline:none}.entry__field:focus-within{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.entry__unit{color:var(--muted);font-size:.7rem}.empty-state__title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.empty-state__lead{margin:0 0 1rem;font-size:.85rem;line-height:1.5;color:var(--muted)}.empty-state__actions{display:flex;justify-content:center;gap:.5rem}.empty-state__action{padding:.35rem .9rem;border:1px solid var(--accent);border-radius:5px;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:.82rem;cursor:pointer;pointer-events:auto}.empty-state__action:hover{background:var(--accent);color:#fff}.empty-state__action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-state__note{margin:.9rem 0 0;font-size:.75rem;color:var(--muted)}.properties{grid-area:properties;width:15rem;padding:.75rem .9rem;background:var(--chrome);border-left:1px solid var(--border);overflow-y:auto}.properties__title{margin:0 0 .6rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.properties__body{display:flex;flex-direction:column;gap:.4rem}.properties__hint{margin:0 0 .3rem;font-size:.8rem;line-height:1.4;color:var(--muted)}.properties__row{display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:.4rem;font-size:.82rem}.properties__label{color:var(--muted)}.properties__input{width:100%;padding:.25rem .4rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:inherit;font:inherit;font-size:.82rem;font-variant-numeric:tabular-nums;text-align:right}.properties__input:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--chrome)}.properties__unit,.properties__value{color:var(--muted);font-variant-numeric:tabular-nums}.properties__row--static .properties__value{grid-column:2 / -1;text-align:right;color:var(--fg)}.properties__input--text{grid-column:2 / -1;text-align:left;font-variant-numeric:normal}.properties__actions{display:flex;flex-wrap:wrap;gap:.25rem}.properties__action{flex:1 1 auto;padding:.25rem .4rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:inherit;font:inherit;font-size:.78rem;white-space:nowrap;cursor:pointer}.properties__action:hover{border-color:var(--accent);color:var(--accent)}.properties__action.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.properties__action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.status-bar{grid-area:status;display:flex;align-items:center;gap:1.1rem;padding:.35rem .9rem;background:var(--chrome);border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.status-bar>*{flex:none}.status-bar__coordinates{min-width:16ch;white-space:pre}.status-bar__zoom{min-width:10ch}.status-bar__snap{min-width:14ch;color:var(--accent)}.options-bar{display:flex;gap:.2rem;margin:-.15rem 0}.options-bar__button{padding:.1rem .5rem;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;white-space:nowrap;cursor:pointer}.options-bar__button:hover{background:var(--bg);color:var(--fg)}.options-bar__button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.options-bar__button.is-bypassed{border-style:dashed;border-color:var(--accent)}.options-bar__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.status-bar__hint{flex:0 1000 auto;min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.status-bar__message{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bar__message:not(:empty){padding:.05rem .5rem;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.status-bar__message.is-error:not(:empty){background:#c0392b1f;color:#a5342a}.cheatsheet{width:min(46rem,calc(100vw - 3rem));max-height:min(40rem,calc(100vh - 4rem));padding:1.2rem 1.4rem 1.4rem;border:1px solid var(--border);border-radius:10px;background:var(--chrome);color:var(--fg);overflow-y:auto}.cheatsheet::backdrop{background:#1c1c1a59}.cheatsheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.cheatsheet__title{margin:0;font-size:1rem}.cheatsheet__close{width:1.8rem;height:1.8rem;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer}.cheatsheet__close:hover{border-color:var(--border);color:var(--fg)}.cheatsheet__grid{columns:2;column-gap:1.8rem}.cheatsheet__section{break-inside:avoid;margin-bottom:.9rem}.cheatsheet__section-title{margin:0 0 .35rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cheatsheet__list{display:grid;grid-template-columns:7.5rem 1fr;align-items:start;gap:.35rem .7rem;margin:0;font-size:.82rem}.cheatsheet__keys{padding:.05rem .35rem;justify-self:start;border:1px solid var(--border);border-radius:4px;background:var(--bg);font-size:.75rem;white-space:nowrap}.cheatsheet__label{margin:0;color:var(--muted);line-height:1.35}.account-bar{display:flex;align-items:center;gap:.4rem;margin:-.15rem 0;padding-left:.6rem;border-left:1px solid var(--border)}.account-bar__label{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar[data-state=signed-in] .account-bar__label{color:var(--accent)}.account-bar__button{padding:.1rem .5rem;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;white-space:nowrap;cursor:pointer}.account-bar__button:hover:not(:disabled){background:var(--bg);color:var(--fg)}.account-bar__button:disabled{opacity:.45;cursor:default}.account-bar__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth{width:min(24rem,calc(100vw - 3rem));padding:1.2rem 1.4rem 1.3rem;border:1px solid var(--border);border-radius:10px;background:var(--chrome);color:var(--fg)}.auth::backdrop{background:#1c1c1a59}.auth__title{margin:0 0 .9rem;font-size:1rem}.auth__form{display:flex;flex-direction:column;gap:.7rem}.auth__label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--muted)}.auth__label[hidden]{display:none}.auth__field{padding:.35rem .5rem;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem}.auth__field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth__error:empty{display:none}.auth__error{margin:0;padding:.35rem .5rem;border-radius:5px;background:#c0392b1f;color:#a5342a;font-size:.8rem}.auth__actions{display:flex;justify-content:flex-end;gap:.5rem}.auth__cancel,.auth__submit{padding:.3rem .8rem;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--fg);font:inherit;font-size:.85rem;cursor:pointer}.auth__submit{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.auth__submit:disabled{opacity:.6;cursor:progress}.auth__switch{align-self:flex-start;padding:0;border:none;background:none;color:var(--accent);font:inherit;font-size:.78rem;text-decoration:underline;cursor:pointer}.browser{width:min(52rem,calc(100vw - 3rem));max-height:min(38rem,calc(100vh - 4rem));padding:1.2rem 1.4rem;border:1px solid var(--border);border-radius:10px;background:var(--chrome);color:var(--fg);overflow-y:auto}.browser::backdrop{background:#1c1c1a59}.browser__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.9rem}.browser__title{margin:0;font-size:1rem}.browser__close{border:none;background:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}.browser__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.9rem;margin:0;padding:0;list-style:none}.browser__item{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden}.browser__pick{display:flex;flex-direction:column;gap:.15rem;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.browser__pick:hover .browser__name{color:var(--accent)}.browser__pick:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.browser__thumbnail{width:100%;height:7.5rem;object-fit:contain;background:var(--bg);border-bottom:1px solid var(--border)}.browser__name{padding:.5rem .6rem 0;font-size:.9rem;font-weight:600}.browser__meta{padding:0 .6rem .5rem;color:var(--muted);font-size:.75rem}.browser__remove{padding:.25rem .6rem;border:none;border-top:1px solid var(--border);background:transparent;color:var(--muted);font:inherit;font-size:.75rem;text-align:left;cursor:pointer}.browser__remove:hover{background:#c0392b1a;color:#a5342a}.browser__note{margin:0;padding:1.5rem 0;color:var(--muted);font-size:.85rem;text-align:center}.browser__footer{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border)}.browser__import{padding:.3rem .7rem;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--fg);font:inherit;font-size:.85rem;cursor:pointer}.browser__import:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.export{width:min(26rem,calc(100vw - 3rem));padding:1.2rem 1.4rem 1.3rem;border:1px solid var(--border);border-radius:10px;background:var(--chrome);color:var(--fg)}.export::backdrop{background:#1c1c1a59}.export__title{margin:0 0 .9rem;font-size:1rem}.export__form{display:flex;flex-direction:column;gap:.7rem}.export__label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--muted)}.export__field{padding:.35rem .5rem;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem}.export__field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.export__paper{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.export__paper[hidden]{display:none}.export__warning:empty{display:none}.export__warning{margin:0;padding:.35rem .5rem;border-radius:5px;background:#c0392b1f;color:#a5342a;font-size:.8rem}.export__actions{display:flex;justify-content:flex-end;gap:.5rem}.export__cancel,.export__submit{padding:.3rem .8rem;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--fg);font:inherit;font-size:.85rem;cursor:pointer}.export__submit{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}