.floor-demo-shell[hidden],.seating-layout[hidden]{display:none}.floor-demo-view-toggle{margin:0 0 18px}.floor-demo{padding:20px}.floor-demo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.floor-demo-header h2{font-size:24px;color:var(--wed-heading);font-family:var(--wed-serif);font-weight:500;margin:0}.floor-demo-header p{max-width:620px;font-size:10px;line-height:1.8;color:var(--wed-text-soft);margin-top:8px}.floor-demo-header>button{flex-shrink:0}.floor-demo-scroll{overflow:auto;border:1px solid #ded9cf;border-radius:14px;background:#f9f7f0}.floor-demo-board{position:relative;width:100%;min-width:640px;height:490px;background-image:linear-gradient(#c2a57812 1px,transparent 0),linear-gradient(90deg,#c2a57812 1px,transparent 0);background-size:24px 24px;isolation:isolate}.floor-demo-room-name{position:absolute;font-size:7px;letter-spacing:.16em;color:#afa38f;right:20px;top:18px;pointer-events:none}.floor-demo-zone{position:absolute;display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed #c6b89c;background:#f0eadc88;border-radius:9px;color:#9c8767;font-size:10px;pointer-events:none}.floor-demo-buffet{left:8%;top:6%;width:35%;height:9%}.floor-demo-dance{left:65%;top:32%;width:25%;height:32%;flex-direction:column;border-color:#c7b9d9;background:#eae1f153;color:#9b89ab}.floor-demo-dance i{width:46px;height:46px;border:1px solid #cdbfdd77;transform:rotate(45deg);position:absolute;bottom:24px;opacity:.45}.floor-demo-entrance{left:7%;bottom:2%;width:22%;height:6%;background:#e8eee4aa;border-color:#b5c1aa;color:#849378}.floor-demo-table{position:absolute;display:block;width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;z-index:2;-webkit-user-select:none}.floor-demo-table.is-dragging{z-index:10;cursor:grabbing}.floor-demo-table-surface{position:absolute;inset:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fffdf8;border:1.5px solid #d4c6ac;border-radius:50%;box-shadow:0 5px 9px -7px #4a403844;transition:border-color .15s,background .15s,box-shadow .15s;pointer-events:none}.floor-demo-table-surface strong{font-size:8px;font-weight:500;color:#807151}.floor-demo-table-surface small{font-size:7px;color:#ab9f89}.floor-demo-table.is-selected .floor-demo-table-surface{border-color:#657d62;background:#eef3e8;box-shadow:0 0 0 4px #657d6217}.floor-demo-table.is-full .floor-demo-table-surface small{color:#7f9776}.floor-demo-chair-ring{position:absolute;inset:0;pointer-events:none}.floor-demo-chair-ring i{position:absolute;height:9px;width:9px;border:1px solid #c6c2b6;border-radius:50%;background:#fffdf8;transform:translate(-50%,-50%)}.floor-demo-chair-ring i.is-filled{background:#a5b399;border-color:#94a88b}.floor-demo-table-grip{position:absolute;bottom:4px;right:6px;color:#b1a894;pointer-events:none}.floor-demo-table:focus-visible{outline:2px solid var(--wed-green);outline-offset:4px}.floor-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;padding:12px 14px;border:1px solid var(--wed-border);border-radius:9px;background:#fcfbf7}.floor-demo-selection{font-size:10px;color:var(--wed-green);font-weight:500}.floor-demo-toolbar p{font-size:8px;line-height:1.7;color:var(--wed-text-soft);margin-top:5px}.floor-demo-arrows{display:flex;align-items:center;gap:5px}.floor-demo-arrows button{display:flex;height:33px;width:33px;align-items:center;justify-content:center;border:1px solid var(--wed-border);border-radius:6px;background:#fff;color:var(--wed-green)}.floor-demo-arrows button:disabled{opacity:.4;cursor:not-allowed}.floor-demo-arrows button:focus-visible,.floor-demo-view-toggle button:focus-visible{outline:2px solid var(--wed-green);outline-offset:3px}.floor-demo-legend{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:17px 0 0;color:var(--wed-text-soft)}.floor-demo-legend>span{display:inline-flex;align-items:center;gap:6px;font-size:8px}.floor-demo-legend>span i{width:8px;height:8px;border:1px solid #c6c2b6;border-radius:50%;background:#fff}.floor-demo-legend>span i.is-filled{background:#a5b399;border-color:#94a88b}.floor-demo-legend>p{font-size:8px;line-height:1.8;margin-left:auto;max-width:500px}@media (max-width:650px){.floor-demo{padding:14px}.floor-demo-header{flex-direction:column;gap:12px}.floor-demo-header h2{font-size:22px}.floor-demo-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.floor-demo-arrows{gap:7px}.floor-demo-arrows button{height:38px;width:38px}.floor-demo-legend{gap:12px}.floor-demo-legend>p{margin-left:0;max-width:none}}@media (prefers-reduced-motion:reduce){.floor-demo *{transition:none!important}}