.kroki-app{--ks-available-fill:#e6f0e8;--ks-available-stroke:#3f7d5c;--ks-selected-fill:#f5dc8f;--ks-selected-stroke:#9a6a12;--ks-held-fill:#fbe8cc;--ks-held-stroke:#c27c2c;--ks-booked-fill:#e4ded5;--ks-booked-stroke:#9a8f83;--ks-off-fill:#eeeceb;--ks-off-stroke:#b3aca4;--ks-invalid:#c0392b;height:calc(100dvh - var(--kroki-offset));background:#efe8da;display:flex;position:relative;overflow:hidden}.kroki-stage{background:radial-gradient(circle at 1px 1px,#1f1b1617 1px,#0000 0) 0 0/22px 22px,#efe8da;flex:auto;min-width:0;position:relative;overflow:hidden}.kroki-svg{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;width:100%;height:100%;display:block}.kroki-svg.is-panning{cursor:grabbing}.kroki-field-label{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:120px;font-weight:700}.kroki-field-pill{fill:#1c3314;fill-opacity:.45}.kroki-tent-floor{fill:#fbf7ef;stroke:#bfae8c;stroke-width:8px}.kroki-tent-margin{fill:none;stroke:#c9b99a;stroke-width:3px;stroke-dasharray:14 12}.kroki-pole{fill:#fffdf9;stroke:#a8946f;stroke-width:5px}.kroki-dim line{stroke:#8b7f70;stroke-width:3px}.kroki-dim text{fill:#6b6155;text-anchor:middle;dominant-baseline:middle;font-size:58px;font-weight:600}.ks{cursor:pointer;outline:none}.ks-pad{fill:var(--ks-available-fill);stroke:var(--ks-available-stroke);stroke-width:5px;transition:fill .15s,stroke .15s}.ks-furniture{transition:opacity .15s,filter .15s}.ks-label>rect{fill:#fffdf9;stroke:var(--ks-available-stroke);stroke-width:3px}.ks-label>text{fill:#1f1b16;text-anchor:middle;dominant-baseline:central;direction:ltr;unicode-bidi:plaintext;font-size:40px;font-weight:700}.ks-price{fill:#1f1b16;text-anchor:middle;dominant-baseline:central;font-size:32px;font-weight:700}.ks-price-tag rect{fill:#fffdf9;fill-opacity:.92;stroke:#d9cbae;stroke-width:2px}.ks:hover .ks-pad,.ks:focus-visible .ks-pad{stroke-width:9px}.ks:focus-visible .ks-pad{stroke:#1f1b16}.ks--selected .ks-pad{fill:var(--ks-selected-fill);stroke:var(--ks-selected-stroke);stroke-width:10px}.ks--selected .ks-label>rect{fill:#1f1b16;stroke:#1f1b16}.ks--selected .ks-label>text{fill:#f5dc8f}.ks--held .ks-pad{fill:url(#kp-hatch);stroke:var(--ks-held-stroke)}.ks--held .ks-label>rect{stroke:var(--ks-held-stroke)}.ks--booked .ks-pad{fill:var(--ks-booked-fill);stroke:var(--ks-booked-stroke)}.ks--booked .ks-furniture{opacity:.45;filter:grayscale()}.ks--booked .ks-label>rect{stroke:var(--ks-booked-stroke)}.ks--disabled .ks-pad,.ks--unpriced .ks-pad{fill:var(--ks-off-fill);stroke:var(--ks-off-stroke);stroke-dasharray:16 12}.ks--disabled .ks-furniture,.ks--unpriced .ks-furniture{opacity:.5;filter:grayscale(.8)}.ks--disabled .ks-label>rect,.ks--unpriced .ks-label>rect{stroke:var(--ks-off-stroke)}.kroki-app[data-mode=public] .ks:not(.ks--available,.ks--selected),.kroki-app[data-mode=preview] .ks:not(.ks--available,.ks--selected){cursor:not-allowed}.kroki-app[data-mode=editor] .ks{cursor:move}.kroki-app[data-mode=editor] .ks--locked{cursor:not-allowed}.ks--active-edit .ks-pad{stroke:#1f1b16;stroke-width:12px}.ks--dragging{filter:drop-shadow(0 18px 18px #1f1b1647)}.ks--invalid .ks-pad{fill:#f8d7d3;stroke:var(--ks-invalid);stroke-width:12px;stroke-dasharray:none}.ks--error .ks-pad{stroke:var(--ks-invalid);stroke-width:12px}.ks--dirty .ks-label>rect{stroke:#b48a3c;stroke-width:6px}.ks-ghost{fill:none;stroke:#776d60;stroke-width:4px;stroke-dasharray:10 10;pointer-events:none}.kroki-zoom{inset-inline-end:12px;z-index:5;background:#fffdf9;border:1px solid #e4dccd;border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:12px;overflow:hidden;box-shadow:0 6px 20px #1f1b161f}.kroki-zoom button{color:#1f1b16;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:grid}.kroki-zoom button+button{border-top:1px solid #e4dccd}.kroki-zoom button:hover{background:#f5f0e6}.kroki-legend{inset-inline-start:12px;z-index:5;color:#4a4339;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffdf9f0;border:1px solid #e4dccd;border-radius:12px;flex-wrap:wrap;gap:6px 14px;max-width:calc(100% - 24px);padding:8px 12px;font-size:12.5px;display:flex;position:absolute;top:12px;box-shadow:0 4px 14px #1f1b1614}.kroki-legend span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.kroki-legend i{border:2px solid;border-radius:4px;width:14px;height:14px;display:inline-block}.kl-available{background:var(--ks-available-fill);border-color:var(--ks-available-stroke)!important}.kl-selected{background:var(--ks-selected-fill);border-color:var(--ks-selected-stroke)!important}.kl-held{background:repeating-linear-gradient(45deg, var(--ks-held-fill) 0 3px, #ecc48f 3px 5px);border-color:var(--ks-held-stroke)!important}.kl-booked{background:var(--ks-booked-fill);border-color:var(--ks-booked-stroke)!important}.kl-off{background:var(--ks-off-fill);border-color:var(--ks-off-stroke)!important;border-style:dashed!important}.kroki-tooltip{z-index:20;color:#fffdf9;pointer-events:none;background:#1f1b16;border-radius:10px;min-width:150px;padding:8px 12px;font-size:13px;line-height:1.5;position:absolute;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 8px 24px #1f1b164d}.kroki-tooltip strong{color:#f5dc8f}.kroki-toast{z-index:30;color:#fffdf9;text-align:center;background:#1f1b16;border-radius:10px;max-width:min(92%,520px);padding:10px 16px;font-size:14px;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1f1b164d}.kroki-toast[data-tone=error]{background:#a8322b}.kroki-toast[data-tone=success]{background:#2f6b4f}.kroki-banner{top:0;z-index:6;color:#fff;text-align:center;background:#b26a12;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:8px 16px;font-size:13.5px;font-weight:600;display:flex;position:absolute;inset-inline:0}.kroki-banner~.kroki-legend{top:52px}.kroki-panel{background:#fffdf9;border-inline-start:1px solid #e4dccd;flex-direction:column;flex:0 0 360px;min-height:0;display:flex}.kroki-panel-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.kroki-sheet-handle{display:none}@media (width<=899px){.kroki-app{flex-direction:column}.kroki-panel{inset-inline:0;z-index:15;border-inline-start:0;max-height:72%;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e4dccd;border-radius:18px 18px 0 0;flex:none;position:absolute;bottom:0;box-shadow:0 -10px 30px #1f1b1624}.kroki-panel:not(.is-open) .kroki-panel-body{display:none}.kroki-sheet-handle{display:flex}.kroki-zoom{bottom:calc(var(--kroki-sheet,132px) + 12px)}}.kroki-app[data-mode=editor] .kroki-panel{flex-basis:340px}.kroki-toolbar{top:12px;z-index:6;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 24px);display:flex;position:absolute;inset-inline-end:12px}.kroki-app[data-mode=editor] .kroki-legend{max-width:calc(100% - 90px);top:auto;bottom:12px}@media (width<=899px){.kroki-app[data-mode=editor] .kroki-legend{display:none}}.kroki-saved-state{font-size:12.5px}.kroki-saved-state[data-state=dirty]{color:#b26a12}.kroki-saved-state[data-state=draft]{color:#7d5d1f}.kroki-saved-state[data-state=live]{color:#2f6b4f}