:root{--bg:#f6f4ef;--fg:#1f2421;--muted:#6b716c;--line:#d9d6cc;--card:#fff;--accent:#2f5d50;--accent-fg:#fff;--error:#a3341f;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#171a18;--fg:#e7e6e1;--muted:#9aa09a;--line:#333833;--card:#202421;--accent:#7fb5a3;--accent-fg:#10140f;--error:#e58a74}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0;font-size:1.25rem}a{color:inherit}.muted{color:var(--muted)}.error{color:var(--error)}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:6px;padding:.5rem .9rem}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.quiet{background:0 0;border-color:#0000}button:disabled{opacity:.5;cursor:default}input{font:inherit;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:6px;margin-top:.25rem;padding:.5rem}.center{place-content:center;justify-items:center;gap:.75rem;min-height:100vh;display:grid}.page{gap:1rem;max-width:40rem;margin:0 auto;padding:1.5rem 1rem;display:grid}.page>button{justify-self:start}.bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.houses{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.houses li{background:var(--card);border:1px solid var(--line);border-radius:8px;align-items:center;gap:.5rem;display:flex}.houses a{flex:1;padding:.75rem 1rem;text-decoration:none;display:grid}.tag{color:var(--muted);margin-right:1rem;font-size:.8rem}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;gap:.75rem;padding:1rem;display:grid}.suggestions{border:1px solid var(--line);border-radius:6px;margin:-.5rem 0 0;padding:0;list-style:none}.suggestions button{text-align:left;background:0 0;border:0;border-radius:0;width:100%}.actions{justify-content:flex-end;gap:.5rem;display:flex}.house{position:fixed;inset:0}.house .view{width:100%;height:100%;display:block}.overlay{background:color-mix(in srgb, var(--card) 85%, transparent);pointer-events:none;border-radius:8px;justify-content:flex-start;padding:.5rem .9rem;position:absolute;top:.75rem;left:.75rem;right:.75rem}.overlay a{pointer-events:auto}.overlay-error{position:absolute;top:4rem;left:1.5rem}.tools{background:color-mix(in srgb, var(--card) 85%, transparent);border-radius:8px;align-items:center;gap:1rem;padding:.5rem .9rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.tools label{align-items:center;gap:.35rem;display:flex}.tools input{width:auto;margin:0}.tools select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;padding:.25rem}select,textarea{font:inherit;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:6px;padding:.45rem}textarea{resize:vertical}input.invalid{border-color:var(--error)}label.button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:6px;padding:.5rem .9rem;display:inline-block}label.button.disabled{opacity:.5;pointer-events:none}.small{font-size:.8rem}.house .overlay{right:23.5rem}.panel{background:color-mix(in srgb, var(--card) 94%, transparent);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:22rem;display:flex;position:absolute;top:.75rem;bottom:.75rem;right:.75rem;overflow:hidden}.tabs{border-bottom:1px solid var(--line);gap:.25rem;padding:.5rem;display:flex}.tabs button{padding:.35rem .7rem}.tabs button.active{background:var(--bg)}.panel-body{flex-direction:column;flex:1;gap:.75rem;padding:.75rem 1rem 1rem;display:flex;overflow-y:auto}.panel-body h2{margin:0;font-size:1.1rem}.panel-body h3{margin:.5rem 0 0;font-size:.95rem}.panel-body p{margin:0}.panel-body label{color:var(--muted);gap:.25rem;font-size:.85rem;display:grid}.panel-body label>input,.panel-body label>textarea,.panel-body label>select{color:var(--fg);margin:0}.panel .back{align-self:flex-start;padding:.25rem 0}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row select{flex:1;width:auto}.items{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.items button{text-align:left;width:100%;padding:.4rem .5rem;display:grid}.items button:hover{background:var(--bg)}.context{flex-direction:column;gap:.5rem;display:flex}.entries{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.entries li{border:1px solid var(--line);background:var(--bg);white-space:pre-wrap;border-radius:6px;padding:.5rem;position:relative}.entries img,.photo-placeholder{object-fit:contain;border-radius:4px;width:100%;max-height:14rem;display:block}.photo-placeholder{background:var(--line);height:8rem}.entries li p{margin-top:.25rem;padding-right:1.5rem}.entries .remove{background:color-mix(in srgb, var(--card) 80%, transparent);padding:.1rem .45rem;position:absolute;top:.15rem;right:.15rem}.nudge{grid-template-columns:repeat(3,4rem);justify-content:start;gap:.25rem;display:grid}.nudge select{padding:.25rem}input.narrow{width:5rem}.editor{grid-template:"bar bar bar""conflict conflict conflict""tools canvas panel"1fr"tools status panel"/7.5rem 1fr 20rem;display:grid;position:fixed;inset:0}.editor-bar{border-bottom:1px solid var(--line);grid-area:bar;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.editor-bar .spacer{flex:1}.conflict{background:color-mix(in srgb, var(--error) 15%, var(--bg));grid-area:conflict;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.editor-tools{border-right:1px solid var(--line);flex-direction:column;grid-area:tools;gap:.2rem;padding:.5rem;display:flex;overflow-y:auto}.editor-tools button{text-align:left;padding:.35rem .6rem}.editor-tools button.active,.tabs button.active{background:var(--bg);border-color:var(--accent)}.editor-canvas{touch-action:none;outline:none;grid-area:canvas;width:100%;height:100%;min-height:0;display:block}.editor-status{border-top:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;grid-area:status;padding:.3rem .75rem;font-size:.8rem;overflow:hidden}.editor-panel{border-left:1px solid var(--line);flex-direction:column;grid-area:panel;gap:.75rem;padding:.5rem .75rem 1rem;display:flex;overflow-y:auto}.props{flex-direction:column;gap:.45rem;display:flex}.props h3{margin:0;font-size:.95rem}.props p{margin:0}.props label.num{color:var(--muted);flex:1;gap:.15rem;min-width:0;font-size:.8rem;display:grid}.props label.num input,.props label.num select{color:var(--fg);margin:0;padding:.3rem .4rem}.props label.check{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.props label.check input{width:auto;margin:0}button.danger{color:var(--error)}.problems{gap:.15rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.problems button{text-align:left;width:100%;padding:.25rem .35rem}.problems li.error strong{color:var(--error)}.tools a,.tools button.quiet{padding:.25rem .5rem}.crosshair{pointer-events:none;filter:drop-shadow(0 0 1px #000);background:linear-gradient(#fff,#fff) 50%/2px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 2px no-repeat;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:calc(50% - 11.375rem)}.walk-help{background:color-mix(in srgb, var(--card) 85%, transparent);pointer-events:none;border-radius:8px;max-width:calc(100% - 24rem);margin:0;padding:.35rem .75rem;font-size:.85rem;position:absolute;bottom:4rem;left:.75rem}.kind h3{margin:.75rem 0 .4rem;font-size:.95rem}.kind .choices{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.kind .choices button{padding:.3rem .65rem}.tools .modes{gap:.25rem;display:flex}.tools .modes button{padding:.25rem .7rem}.note{background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid var(--line);border-radius:6px;margin:0;padding:.4rem .8rem;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.views{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.views button{text-align:left;align-items:center;gap:.6rem;width:100%;padding:.3rem;display:flex}.views button>span{display:grid}.thumb{object-fit:cover;border-radius:4px;flex:none;width:6rem;height:4rem}.thumb.empty{background:var(--line);display:block}.capture{margin:0}.capture img{border-radius:4px;width:100%;display:block}.capture figcaption{align-items:center;gap:.5rem;margin-top:.25rem;font-size:.85rem;display:flex}.capture label.check{align-items:center;gap:.3rem;display:flex}.capture label.check input{width:auto;margin:0}.legend{gap:.1rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.swatch{vertical-align:-.1rem;border-radius:2px;width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.renders{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.render img{border-radius:4px;width:100%;display:block}.render-wait{background:var(--bg);border:1px dashed var(--line);height:8rem;color:var(--muted);border-radius:4px;place-content:center;display:grid}.render .row{justify-content:space-between;margin-top:.2rem}.members{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.members li{align-items:center;gap:.5rem;display:flex}.members li>span:first-child{flex:1}.members select{width:auto;padding:.2rem .3rem}.link{gap:.15rem;display:grid}.link .row{flex-wrap:nowrap}.link input{margin:0;font-size:.8rem}
