.dfb-plan{max-width:1400px;margin:30px auto;font-family:Arial,sans-serif;overflow:auto}.dfb-stage{background:#cfcfcf;color:#fff;font-weight:700;font-size:24px;text-align:center;padding:12px 20px;margin:0 auto 18px;max-width:850px;border-radius:2px}.dfb-public-canvas{position:relative;width:1200px;min-height:1150px;margin:0 auto;background:#fff}.dfb-table-wrap{position:absolute;display:flex;flex-direction:column;align-items:center}.dfb-seatline{position:absolute;top:5px;bottom:5px;width:22px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:3px;box-sizing:border-box}.dfb-seatline-top{left:-27px}.dfb-seatline-bottom{right:-27px}.dfb-seat{width:var(--seat);height:var(--seat);border:1px solid #777;background:#fff;border-radius:50%;padding:0;cursor:pointer;box-sizing:border-box}.dfb-seat:hover{transform:scale(1.08)}.dfb-table{width:100%;height:var(--table-h);border:1px solid #333;background:#fafafa;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;font-weight:700;box-sizing:border-box}.dfb-table small{font-size:9px;font-weight:400;color:#666}.dfb-seat.dfb-selected{background:#888;border-color:#555}.dfb-seat.dfb-occupied{background:#333;border-color:#333}.dfb-seat.dfb-held{background:#d0a000;border-color:#a77d00}.dfb-seat.dfb-blocked{background:#bbb;border-color:#999;cursor:not-allowed}.dfb-plan{--table-w:58px;--table-h:110px;--seat:22px}.dfb-public-canvas{transform-origin:top center}@media(max-width:1250px){.dfb-public-canvas{transform:scale(.85);margin-bottom:-170px}}@media(max-width:1050px){.dfb-public-canvas{transform:scale(.7);margin-bottom:-345px}}