.sp-room-sketch-host{min-width:0;min-height:0}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch .sp-sketch-save{position:absolute;transform:translate(-50%,-50%);min-width:106px;min-height:48px;padding:12px 24px;border:1px solid #355b47;border-radius:24px;background:#365e49;color:#fff;font-size:15px;box-shadow:0 3px 14px #224a3329;touch-action:manipulation}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch .sp-sketch-save:hover{background:#284c3a}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch{display:grid;grid-template-rows:auto minmax(140px,1fr) auto;min-width:0;min-height:220px;height:100%;max-height:100%;overflow:hidden;background:#f8fbfa;color:#334e45;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;border:1px solid #d5e2dc;border-radius:16px;box-sizing:border-box;isolation:isolate}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch *{box-sizing:border-box}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch [hidden]{display:none!important}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 12px;border-bottom:1px solid #d9e5df;background:#f9fcfa}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-top>strong{font-size:12px;font-weight:650;white-space:nowrap}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-tools{display:flex;gap:5px;min-width:0}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:auto;padding:8px 10px;margin:0;border:1px solid #cadbd2;border-radius:10px;color:#3e5a4f;background:#fff;font-family:inherit;font-size:12px;line-height:1.25;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-tools button:not([data-sketch-action=pan]){font-size:20px;padding:0}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch button[aria-pressed=true]{background:#dceade;border-color:#728f79}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch button:hover{background:#edf4ee}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-room-sketch button:focus-visible,:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-svg:focus-visible{outline:3px solid #be9a57;outline-offset:-3px}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-canvas{position:relative;min-width:0;min-height:140px;overflow:hidden;background:#f7faf9}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-svg{display:block;width:100%;height:100%;min-height:140px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
:is(#spRoomSketchHost,.sp-room-sketch-host) .is-panning .sp-sketch-svg{cursor:grab}
:is(#spRoomSketchHost,.sp-room-sketch-host) .is-panning.is-editing .sp-sketch-svg{cursor:grabbing}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;pointer-events:none;text-align:center;padding:20px;color:#60786d}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-empty>span{font-size:36px;line-height:1;color:#789286}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-empty>strong{font-size:17px;font-weight:600;padding:3px 10px;border-radius:8px;background:#f7faf9db}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-empty>small{font-size:12px;background:#f7faf9db;padding:0 8px}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-shape{stroke:#47785e;stroke-width:2;fill:#9fc6ac55}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-bounds{fill:none;stroke:#749687;stroke-width:1;stroke-dasharray:5 4}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-dimension{pointer-events:none}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-dimension rect{fill:#fffefa;stroke:#d5e0d7;stroke-width:1;vector-effect:non-scaling-stroke}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-dimension text{fill:#345b47;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:650}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-hit{fill:transparent}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-grip{fill:#fff;stroke:#46735a;stroke-width:2}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle:focus{outline:none}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle:focus-visible .sp-sketch-grip{fill:#f5e5bd;stroke:#9a7530;stroke-width:3}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-n,:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-s{cursor:ns-resize}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-e,:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-w{cursor:ew-resize}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-ne,:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-sw{cursor:nesw-resize}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-nw,:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-handle.is-se{cursor:nwse-resize}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-bottom{min-height:88px;padding:8px 12px 10px;background:#f9fcfa;border-top:1px solid #d9e5df;min-width:0}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-hint{margin:0;font-size:12px;line-height:1.5;color:#5b7163}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-secondary{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-secondary:has(>button[hidden]):not(:has(>button:not([hidden]))){display:none}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-secondary button{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px;font-weight:400;padding:7px 0;margin-right:8px;min-height:32px}
:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:420px){:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-top{padding:8px;gap:4px}:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-tools{gap:4px}:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-bottom{padding:7px 9px}:is(#spRoomSketchHost,.sp-room-sketch-host) .sp-sketch-hint{font-size:11px}}
/* Preserve canvas positioning when the application's generic button hover runs. */
#seatingRoot.sp #spRoomSketchHost .sp-sketch-save:is(:hover,:focus,:active){transform:translate(-50%,-50%)}