.hp-shell{--hp-ink:#0e1b33;--hp-muted:#4d5f7d;--hp-line:#b9cbe2;--hp-panel:#eaf1f8;--hp-raise:#fff;--hp-accent:#e4761b;--hp-available:#f9fcff;--hp-hold:#c9a227;--hp-booked:#10254f;--hp-blocked:#1b3568;background:var(--hp-panel);color:var(--hp-ink);font-family:var(--display,"Inter"), "Segoe UI", system-ui, sans-serif;border:1px solid var(--hp-line);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 45px #0715322b}.hp-theme-dark{--hp-ink:#eaf0fa;--hp-muted:#8fa5c6;--hp-line:#24365e;--hp-panel:#0a1a3a;--hp-raise:#10254f;--hp-booked:#3d5891}.hp-embed{border:0;height:100dvh}.hp-page{width:min(100%,1180px);margin:0 auto}.hp-bar{border-bottom:1px solid var(--hp-line);background:linear-gradient(105deg,#fff 0%,#f3f8fd 72%,#eaf1f8 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 2px 10px #10254f12}.hp-title{flex:auto;gap:4px;min-width:0;display:grid;overflow:hidden}.hp-title strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;min-width:0;font-size:clamp(10px,1.1vw,13px);overflow:hidden}.hp-title span{color:var(--hp-muted);text-transform:uppercase;font:10px/1.4 IBM Plex Mono,ui-monospace,monospace}.hp-tools{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.hp-search{align-items:center;display:flex;position:relative}.hp-search-icon{color:var(--hp-muted);pointer-events:none;position:absolute;left:10px}.hp-search input{border:1px solid var(--hp-line);background:var(--hp-panel);width:clamp(150px,16vw,214px);max-width:30vw;color:inherit;padding:8px 34px 8px 30px;font:11px/1 IBM Plex Mono,ui-monospace,monospace}.hp-search input:focus-visible{outline:2px solid var(--hp-accent);outline-offset:-1px}.hp-search em{color:var(--hp-accent);font:9px/1 IBM Plex Mono,ui-monospace,monospace;position:absolute;right:9px}.hp-zoom{gap:4px;display:flex}.hp-zoom button{border:1px solid var(--hp-line);background:var(--hp-panel);min-width:32px;height:32px;color:inherit;cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:0 8px;font:11px IBM Plex Mono,ui-monospace,monospace;display:inline-flex}.hp-zoom button:hover:not(:disabled){border-color:var(--hp-accent);color:var(--hp-accent);background:#fff7ef}.hp-zoom button:disabled{opacity:.4;cursor:default}.hp-unavailable{border-bottom:1px solid var(--hp-line);background:color-mix(in srgb, var(--hp-hold) 16%, transparent);color:var(--hp-ink);align-items:center;gap:8px;margin:0;padding:9px 16px;font:11px/1.5 IBM Plex Mono,ui-monospace,monospace;display:flex}.hp-unavailable svg{color:var(--hp-hold);flex:none}.hp-viewport{background-color:#0000;background-image:radial-gradient(circle at 50% 40%,#fff 0%,#edf4fa 62%,#dce8f3 100%),linear-gradient(#10254f0d 1px,#0000 1px),linear-gradient(90deg,#10254f0d 1px,#0000 1px);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex:1;min-height:0;position:relative}.hp-page .hp-viewport{height:min(80vh,940px)}.hp-svg{touch-action:none;cursor:grab;width:100%;height:100%;font-family:Arial,Helvetica Neue,Helvetica,Liberation Sans,sans-serif;display:block}.hp-svg:active{cursor:grabbing}.hp-svg text{fill:#000;-webkit-user-select:none;user-select:none}.hp-heavy{font-weight:700}.hp-red-fill{fill:#e4761b}.hp-yellow{fill:#c9a227}.hp-wall{fill:#fff;stroke:#10254f;stroke-width:2px}.hp-zone{fill:#f5f9fd;stroke:#1b3568;stroke-width:2px}.hp-aisle{fill:none;stroke:#e4761b;stroke-width:4px}.hp-blocked{fill:var(--hp-blocked);stroke:#10254f;stroke-width:2px}.hp-ruler text{fill:#10254f}.hp-stall{cursor:pointer}.hp-stall>rect{fill:var(--hp-available);stroke:#1b3568;stroke-width:2px;transition:fill .12s,stroke .12s}.hp-stall:focus{outline:none}.hp-stall.is-hold>rect{fill:var(--hp-hold)}.hp-stall.is-booked>rect{fill:var(--hp-booked)}.hp-stall.is-booked text{fill:#f4f7f4}.hp-stall.is-selected>rect{fill:var(--hp-accent);stroke-width:4px}.hp-stall.is-available:hover>rect{fill:#fff1e5;stroke:var(--hp-accent);stroke-width:4px}.hp-stall.is-booked,.hp-stall.is-hold{cursor:not-allowed}.hp-stall.is-booked:hover>rect,.hp-stall.is-hold:hover>rect{stroke:var(--hp-accent);stroke-width:4px}.hp-stall:focus-visible>rect{stroke:#067a46;stroke-width:5px}.hp-stall.is-found>rect{stroke:#067a46;stroke-width:5px;animation:1.1s ease-in-out infinite hp-pulse}@keyframes hp-pulse{50%{stroke-opacity:.35}}@media (prefers-reduced-motion:reduce){.hp-stall.is-found>rect{animation:none}.hp-stall>rect{transition:none}}.hp-legend{background:color-mix(in srgb, var(--hp-raise) 92%, transparent);border:1px solid var(--hp-line);text-transform:uppercase;color:var(--hp-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;gap:6px;margin:0;padding:9px 11px;font:10px/1 IBM Plex Mono,ui-monospace,monospace;list-style:none;display:grid;position:absolute;bottom:12px;left:12px;box-shadow:0 8px 22px #10254f18}.hp-legend li{align-items:center;gap:8px;display:flex}.hp-legend i{border:1px solid #1b3568;flex:none;width:12px;height:12px}.sw-available{background:#fff}.sw-selected{background:var(--hp-accent)}.sw-hold{background:var(--hp-hold)}.sw-booked{background:var(--hp-booked)}.sw-blocked{background:#ed1c24}.hp-readout{background:color-mix(in srgb, var(--hp-raise) 94%, transparent);border:1px solid var(--hp-line);text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:12px;max-width:min(340px,70%);padding:9px 13px;font:10px/1 IBM Plex Mono,ui-monospace,monospace;display:flex;position:absolute;top:12px;right:12px}.hp-readout b{letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:15px}.hp-readout span{color:var(--hp-muted)}.hp-who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-tag{color:#0e1b33;background:var(--hp-panel);padding:3px 7px}.hp-tag.is-selected{background:var(--hp-accent)}.hp-tag.is-hold{background:var(--hp-hold)}.hp-tag.is-booked{background:var(--hp-booked);color:#fff}.hp-tray{border-top:1px solid var(--hp-line);background:var(--hp-raise);gap:12px;padding:12px 16px;display:grid}.hp-hint,.hp-feedback{color:var(--hp-muted);margin:0;font:11px/1.5 IBM Plex Mono,ui-monospace,monospace}.hp-feedback{border-left:3px solid var(--hp-accent);background:color-mix(in srgb, var(--hp-accent) 10%, transparent);color:var(--hp-ink);padding:9px 12px}.hp-feedback.is-success{background:#2f9e6b1f;border-color:#2f9e6b}.hp-picked{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.hp-chips{flex-wrap:wrap;gap:6px;display:flex}.hp-chip{border:1px solid var(--hp-accent);background:color-mix(in srgb, var(--hp-accent) 14%, transparent);color:inherit;cursor:pointer;align-items:center;gap:5px;padding:6px 9px;font:11px IBM Plex Mono,ui-monospace,monospace;display:inline-flex}.hp-chip:hover{background:var(--hp-accent);color:#150c04}.hp-picked-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.hp-total{text-transform:uppercase;color:var(--hp-muted);font:10px IBM Plex Mono,ui-monospace,monospace}.hp-cta,.hp-ghost{border:1px solid var(--hp-accent);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;align-items:center;gap:6px;padding:10px 15px;font:10px IBM Plex Mono,ui-monospace,monospace;display:inline-flex}.hp-cta{background:var(--hp-accent);color:#150c04}.hp-cta:disabled{opacity:.6;cursor:default}.hp-ghost{border-color:var(--hp-line);color:var(--hp-muted);background:0 0}.hp-ghost:hover{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-form{border-top:1px dashed var(--hp-line);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;padding-top:12px;display:grid}.hp-form label{text-transform:uppercase;color:var(--hp-muted);gap:6px;font:10px IBM Plex Mono,ui-monospace,monospace;display:grid}.hp-form small{text-transform:none;opacity:.7}.hp-form input,.hp-form textarea{border:1px solid var(--hp-line);background:var(--hp-panel);color:var(--hp-ink);resize:vertical;padding:9px 10px;font:12px Inter,sans-serif}.hp-form input:focus-visible,.hp-form textarea:focus-visible{outline:2px solid var(--hp-accent);outline-offset:-1px}.hp-wide{grid-column:1/-1}.hp-submit{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;display:flex}.hp-submit p{max-width:52ch;color:var(--hp-muted);margin:0;font:10px/1.6 IBM Plex Mono,ui-monospace,monospace}@media (max-width:640px){.hp-bar{padding:10px 12px}.hp-tools{width:100%}.hp-search{flex:1}.hp-search input{width:100%;max-width:none}.hp-legend{grid-template-columns:1fr 1fr;font-size:9px;bottom:8px;left:8px}.hp-readout{gap:8px;font-size:9px;top:8px;right:8px}.hp-readout b{font-size:13px}.hp-picked-actions{width:100%;margin-left:0}.hp-cta{flex:1}}