:root{--bg:#faf9f6;--surface:#fff;--surface-2:#f1efe8;--surface-3:#e8e6de;--text:#1a1a1a;--text-2:#5f5e5a;--text-3:#888780;--border:rgba(0,0,0,.14);--border-2:rgba(0,0,0,.3);--accent:#185fa5;--accent-bg:#e6f1fb;--danger:#a32d2d;--ok:#0f6e56;--radius:8px;--radius-lg:12px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--mono:"SF Mono",Menlo,Consolas,monospace;--canvas-bg:#efede7;--grid:rgba(0,0,0,.08);--grid-major:rgba(0,0,0,.16);--room-fill:rgba(24,95,165,.06);--room-stroke:#185fa5;--room-sel:rgba(24,95,165,.16);--low-hatch:rgba(0,0,0,.25)}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1a;--surface:#242424;--surface-2:#2e2e2c;--surface-3:#3a3a37;--text:#f3f2ed;--text-2:#b4b2a9;--text-3:#85847d;--border:hsla(0,0%,100%,.14);--border-2:hsla(0,0%,100%,.3);--accent:#85b7eb;--accent-bg:#0c447c;--danger:#f09595;--ok:#5dcaa5;--canvas-bg:#2a2a28;--grid:hsla(0,0%,100%,.07);--grid-major:hsla(0,0%,100%,.14);--room-fill:rgba(133,183,235,.08);--room-stroke:#85b7eb;--room-sel:rgba(133,183,235,.2);--low-hatch:hsla(0,0%,100%,.3)}}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;overscroll-behavior:none}body{-webkit-text-size-adjust:100%}button,input,select{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;line-height:1.2;white-space:nowrap}button:hover{background:var(--surface-2)}button:active{transform:scale(.98)}button.active{background:var(--accent-bg);border-color:var(--accent);color:var(--text)}button.danger{color:var(--danger)}button.small{padding:3px 8px;font-size:13px}button:disabled{opacity:.45;cursor:default}input[type=number],input[type=password],input[type=text],select{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:5px 8px;min-width:0;width:100%}input[type=number]{font-family:var(--mono);font-size:13px}input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--border-2);border-radius:6px;background:none}label{font-size:12px;color:var(--text-2)}h2{font-size:14px;margin:0 0 6px}h2,h3{font-weight:600}h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px}.loading,h3{color:var(--text-2)}.loading{padding:2rem}.app{display:grid;grid-template-rows:auto 1fr;height:100dvh}.toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--surface)}.toolbar .sep{width:1px;height:22px;background:var(--border);margin:0 4px}.toolbar .spacer{flex:1 1}.toolbar .title{font-weight:600;margin-right:6px}.floors{display:flex;gap:4px;flex-wrap:wrap}.floors button{padding:5px 10px}.main{display:grid;grid-template-columns:240px 1fr 300px;min-height:0}.panel{overflow:auto;padding:10px 12px;background:var(--surface);border-right:1px solid var(--border);-webkit-overflow-scrolling:touch}.panel.right{border-right:0;border-left:1px solid var(--border)}.canvas-wrap{position:relative;min-width:0;min-height:0;background:var(--canvas-bg);overflow:hidden}.canvas-wrap svg{width:100%;height:100%;display:block;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.canvas-hint{left:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:12px;color:var(--text-2);pointer-events:none;max-width:70%}.canvas-hint,.canvas-zoom{position:absolute;bottom:10px}.canvas-zoom{right:10px;display:flex;gap:4px}.status{position:absolute;right:10px;top:10px;font-size:12px;color:var(--ok);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;opacity:0;transition:opacity .3s;pointer-events:none}.status.show{opacity:1}.list{display:flex;flex-direction:column;gap:2px}.list button{justify-content:space-between;border-color:transparent;background:transparent;padding:5px 8px;width:100%;text-align:left}.list button:hover{background:var(--surface-2)}.list button.active{background:var(--accent-bg)}.list .muted{color:var(--text-3);font-size:12px;font-family:var(--mono)}.row{display:flex;gap:6px;align-items:center;margin:4px 0}.row>*{min-width:0}.row label{flex:0 0 auto;width:64px}.row.wrap{flex-wrap:wrap}.grid2{grid-template-columns:1fr 1fr;grid-gap:6px}.grid2,.grid3{display:grid;gap:6px}.grid3{grid-template-columns:1fr 1fr 1fr;grid-gap:6px}.field{display:flex;flex-direction:column;gap:2px}.field label{width:auto}.walls{font-family:var(--mono);font-size:12px;display:flex;flex-direction:column;gap:3px}.walls .w{display:flex;align-items:center;gap:6px}.walls .w span{flex:0 0 44px;color:var(--text-3)}.walls .w input{width:80px}.hint{font-size:12px;color:var(--text-2)}.kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid var(--border-2);border-radius:4px;background:var(--surface-2)}.help{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:10}.help .box{background:var(--surface);border-radius:var(--radius-lg);padding:18px 20px;max-width:520px;width:calc(100% - 32px);max-height:85%;overflow:auto;border:1px solid var(--border)}.help table{border-collapse:collapse;width:100%;font-size:13px}.help td{padding:4px 6px;border-top:1px solid var(--border);vertical-align:top}.help td:first-child{width:40%}.mobile-tabs{display:none}@media (max-width:860px){.main{grid-template-columns:1fr;grid-template-rows:1fr auto}.panel{border:0;border-top:1px solid var(--border);max-height:42dvh}.panel.hidden{display:none}.panel.right{border-left:0}.mobile-tabs{display:flex;gap:4px}.toolbar .title{display:none}.toolbar{gap:4px;padding:6px 8px}.toolbar button{padding:5px 8px;font-size:13px}.canvas-hint{display:none}}.ro-banner{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;background:var(--accent-bg);border:1px solid var(--accent);border-radius:var(--radius);padding:5px 10px;font-size:12px;color:var(--text);max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}.version-select{max-width:150px}.who .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.who .grid button{padding:10px;font-weight:600}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login .box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 20px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:8px}.login h1{font-size:18px;margin:0 0 6px}.login input{font-size:16px;padding:8px 10px}.login button[type=submit]{justify-content:center;padding:9px 10px;margin-top:6px}.login .err{color:var(--danger);font-size:13px;margin:0}.access .box{max-width:640px}.access .person{border-top:1px solid var(--border);padding:8px 0;display:flex;flex-direction:column;gap:4px}.access .person .head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.access .person .head input{width:9rem}.access .device{display:flex;gap:8px;align-items:center;font-size:13px;padding-left:10px;flex-wrap:wrap}.access .muted{color:var(--text-3);font-size:12px}.access .fresh{background:var(--accent-bg);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:6px;margin:6px 0}.access .pass{font-family:var(--mono);font-size:18px;-webkit-user-select:all;-moz-user-select:all;user-select:all;word-break:break-all}.access table.log{border-collapse:collapse;width:100%;font-size:13px}.access table.log td{padding:4px 6px;border-top:1px solid var(--border);vertical-align:top}.overview{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:28px 16px 40px;max-width:1080px;margin:0 auto}.ov-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--border)}.ov-head h1{font-size:30px;line-height:1.1;margin:4px 0 0;letter-spacing:-.01em}.ov-head .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.ov-head .who{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:13px}.ov-note{margin:10px 0 0}.ov-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px;margin:20px 0 26px}.ov-card{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);color:var(--text);text-decoration:none;transition:border-color .15s,background .15s}.ov-card:focus-visible,.ov-card:hover{border-color:var(--accent);background:var(--accent-bg);outline:none}.ov-card-title{font-size:20px;font-weight:600;display:flex;justify-content:space-between}.ov-card-text{color:var(--text-2)}.toolbar .back{color:var(--accent);text-decoration:none;font-weight:500;margin-right:4px;white-space:nowrap}.ov-photo{margin:0 0 18px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.ov-photo img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:50% 45%}@media (max-width:600px){.ov-photo img{max-height:240px}.ov-head h1{font-size:24px}.ov-head .who{width:100%;justify-content:space-between;flex-wrap:wrap}}