@import url('./panels.20260911.2.css');
:root{--ink:#243e38;--muted:#647870;--green:#246959;--line:#dce3da;--ground:#f3f5f0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #c38b31;outline-offset:3px}[hidden]{display:none!important}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:20;background:#fff;padding:12px}h1,h2,h3,p{margin:0}
.site-header{height:84px;display:flex;align-items:center;gap:40px;padding:0 34px;border-bottom:1px solid var(--line);background:#fff}.brand img{width:164px;height:auto;display:block}.site-header nav{display:flex;gap:24px;align-items:center;font-size:13px;color:var(--muted)}.nav-current{border-left:1px solid var(--line);padding-left:24px;color:var(--ink);font-weight:600}.demo-badge{margin-left:auto;font-size:11px;letter-spacing:.02em;display:flex;gap:8px;align-items:center;background:#f4f3eb;padding:9px 12px;border-radius:20px;color:#6e694e}.demo-badge i{width:6px;height:6px;background:#b19a49;border-radius:50%}main{max-width:1800px;margin:auto;padding:30px 32px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--green);font-weight:700;margin-bottom:8px}h1{font-size:32px;font-weight:550;letter-spacing:-1.25px;line-height:1.15}.stats{display:flex;gap:26px}.stat{padding-left:22px;border-left:1px solid var(--line);min-width:80px}.stat strong{display:block;font-size:26px;font-weight:550;letter-spacing:-1px}.stat span{font-size:11px;color:var(--muted)}.workspace-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.tabs{display:flex;gap:26px}.tabs button{background:none;border:0;padding:14px 0 16px;font-size:13px;border-bottom:2px solid transparent;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:650}.source-label{font-size:11px;color:var(--muted)}
.filters{display:flex;align-items:flex-end;gap:14px;padding:20px 0}.filters>div{flex:1;min-width:0}.filters>.search-field{flex:1.5}.filters label,.field label{display:block;font-size:10px;color:var(--muted);font-weight:600;margin-bottom:7px}input,select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;color:var(--ink);font-size:12px}.icon-button{width:40px;height:40px;background:white;border:1px solid var(--line);border-radius:8px;font-size:21px;flex-shrink:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:18px;align-items:start}.map-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 8px 26px #29463004}.map-header{padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e9ede6}.floor-heading{display:flex;gap:12px;align-items:center}.floor-icon{width:39px;height:42px;background:#edf2e9;border:1px solid #dbe5d5;border-radius:9px;display:grid;place-items:center;color:var(--green);font-size:18px}.floor-heading h2{font-size:15px;margin-bottom:4px}.floor-heading span:not(.floor-icon){font-size:10px;color:var(--muted)}.map-tools{display:flex;align-items:center;gap:5px}.map-tools button{border:0;background:#f4f6f0;width:32px;height:32px;border-radius:6px;font-size:20px}.map-tools button:hover{background:#e4ebdf}.map-tools output{font-size:10px;font-weight:650;min-width:39px;text-align:center}.tool-divider{height:20px;border-left:1px solid var(--line);margin:0 5px}
.canvas-frame{position:relative;height:500px;background:radial-gradient(circle,#d9e1d5 .65px,transparent .9px) 0 0/16px 16px;background-color:#f4f6f0;overflow:hidden}#floor-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#floor-canvas.panning{cursor:grabbing}.map-hint{position:absolute;bottom:17px;left:20px;font-size:10px;color:#74816d;pointer-events:none}.mini-frame{position:absolute;right:15px;bottom:15px;width:112px;height:56px;border:1px solid #d5decf;border-radius:7px;background:#ffffffd9;overflow:hidden;box-shadow:0 2px 8px #20392808}#minimap{width:100%;height:100%;cursor:crosshair}.map-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #e9ede6;gap:10px}.status-legend{display:flex;gap:17px;font-size:10px;color:var(--muted)}.status-legend span{display:flex;align-items:center;gap:6px}.status-legend i{font-style:normal;border:1px solid #247d75;color:#fff;background:#247d75;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:9px}.status-legend .available{background:#fff;color:#487363;border-style:dashed}.status-legend .shared{background:#fff;color:#247d75;border-width:2px}.text-button{background:none;border:0;color:var(--green);font-size:11px;font-weight:600;padding:5px}.page-footer{display:flex;justify-content:space-between;font-size:10px;color:#7b887c;padding:18px 0 22px;gap:20px}.page-footer strong{color:var(--green)}
/* Architectural linework */
.outer-wall{fill:none;stroke:#71877d;stroke-width:5;stroke-linejoin:round}.windows{fill:none;stroke:#9cbbae;stroke-width:4}.window-joint{stroke:#718f81;stroke-width:2}.office-room{fill:url(#wood);stroke:#a1b1a4;stroke-width:2.5}.door{stroke:#a6b5a8;stroke-width:1;fill:none}.meeting-room{fill:#f4f0e8;stroke:#a1b1a4;stroke-width:2.5}.meeting-table,.round-table{fill:#e0d6c2;stroke:#b6ad99;stroke-width:1.2}.meeting-chair{fill:#b6c3b4;stroke:#fff;stroke-width:1.4}.cowork-room{fill:#f6f3ec;stroke:#bac5b7;stroke-width:1.5}.room-label{fill:#7f8474;font-size:12px}.micro-label{fill:#8a907f;font-size:8px}.core-room{fill:url(#coreHatch);stroke:#8fa498;stroke-width:3}.lift{fill:#e3eae5;stroke:#a6b6ab;stroke-width:1.5}.lift-label{font-size:23px;fill:#91a297}.hall{fill:#f2f2ec}.hall-label{fill:#a1a99b;font-size:12px;letter-spacing:4px}.stair-line{stroke:#afbeb2;stroke-width:1}.stair-arrow{stroke:#859c8d;stroke-width:1.5;fill:none}.service-room{fill:#e2e7df;stroke:#a9b9aa;stroke-width:1}.equipment{fill:#e7eadd;stroke:#c0c9b7;stroke-width:1.2}.equipment-label{fill:#89927f;font-size:10px}.washroom{fill:#fff;stroke:#adbbac;stroke-width:1}.support-table{fill:#ece3d0;stroke:#c9bfa9;stroke-width:1}.storage{fill:#e0e6da;stroke:#bcc8b4}.zone-pill{fill:#ffffffc7}.zone-label{font-size:10px;fill:#738374;letter-spacing:.4px}.plan-caption{font-size:11px;fill:#8d9a89;letter-spacing:3px}.seat{cursor:pointer;transition:opacity .2s ease}.seat-hit{fill:transparent;stroke:none}.desktop{fill:#eee0c9;stroke:#a89981;stroke-width:1.1;stroke-linejoin:round}.monitor{fill:#b3c0b7;stroke:#74897b;stroke-width:.6}.chair{fill:#c0d0c2;stroke:#829b88;stroke-width:1}.chair-back{stroke:#6a8975;stroke-width:2;fill:none}.seat-dot{fill:var(--zone);stroke:#fff;stroke-width:1.3}.seat-mark{font-size:10px;fill:#fff;font-weight:700}.seat-number{font-size:11px;fill:#647364;font-weight:550}.is-free .seat-dot{fill:#fafff8;stroke:#739179;stroke-dasharray:2 1}.is-free .seat-mark{fill:#597b61}.is-free .desktop{fill:#faf7ef;stroke:#c6bda9}.is-shared .seat-dot{stroke:var(--zone);stroke-width:2;fill:#fff}.is-shared .seat-mark{fill:var(--zone)}.is-selected .seat-hit,.seat:focus-visible .seat-hit{fill:#f7c66b35;stroke:#bd8728;stroke-width:2.5}.is-selected .desktop{fill:#e6bc72;stroke:#b4802a}.seat:hover .desktop{stroke:var(--zone);stroke-width:2.5}.is-dimmed{opacity:.17}.is-selected{opacity:1}.seat:focus{outline:none}.seat:focus-visible .seat-number{fill:#835b16;font-weight:800}
@media(min-width:1600px){.canvas-frame{height:600px}.workspace{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1050px){.site-header{padding:0 22px;gap:24px}.nav-current{display:none}main{padding:24px 20px 0}.workspace{grid-template-columns:minmax(0,1fr) 270px}.filters{flex-wrap:wrap}.filters>div{flex:1 1 23%}.filters>.search-field{flex-basis:30%}.stats{gap:10px}.stat{padding-left:14px}.source-label{display:none}h1{font-size:27px}.canvas-frame{height:510px}}@media(max-width:720px){.site-header{height:72px;padding:0 17px;gap:10px}.brand img{width:133px}.site-header nav{margin-left:auto;font-size:11px}.demo-badge{display:none}main{padding:23px 16px 0}.heading{display:block;margin-bottom:15px}h1{font-size:28px;max-width:310px}.stats{margin-top:19px;gap:0}.stat{width:33.33%;padding-left:14px}.stat:first-child{border:0;padding-left:0}.stat strong{font-size:23px}.tabs{gap:20px}.tabs button{font-size:11px;white-space:nowrap}.filters{gap:10px;padding:16px 0}.filters>div,.filters>.search-field{flex:1 1 45%}.filters>.search-field{flex-basis:100%}.filters>div:last-of-type{flex-grow:1}.workspace{grid-template-columns:1fr;gap:14px}.canvas-frame{height:380px}.map-header{padding:12px}.map-tools{gap:2px}.map-tools button{width:29px}.floor-heading{gap:8px}.floor-heading span:not(.floor-icon){max-width:110px;display:block}.map-footer{padding:12px}.status-legend{gap:9px;font-size:9px}.text-button{font-size:10px}.map-hint{font-size:9px;left:12px;bottom:12px;max-width:160px}.mini-frame{width:85px;height:43px;right:10px;bottom:10px}.page-footer{flex-direction:column;gap:8px}.inspector{min-height:0}.workspace-bar{gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#map-panel:fullscreen{display:flex;flex-direction:column;border-radius:0}#map-panel:fullscreen .canvas-frame{flex:1;height:auto}#map-panel:fullscreen .map-header{padding:18px 28px}
@media(max-width:720px){.filters{display:grid;grid-template-columns:1fr 1fr;position:relative}.filters>.search-field{grid-column:1/-1;margin-right:50px}.filters #clear-filters{position:absolute;right:0;top:33px}.canvas-frame{height:300px}}