.psb-seat-wrapper { max-width: 900px; margin: 20px auto; font-family: sans-serif; }
.psb-stage { background:#222; color:#fff; text-align:center; padding:14px; border-radius:6px; margin-bottom:20px; }
.psb-seat-map { background:#f7f7f7; padding:18px; border-radius:8px; overflow-x:auto; }
.psb-row { display:flex; align-items:center; margin-bottom:6px; }
.psb-row-label { width:24px; font-weight:bold; }
.psb-seat {
    width:32px; height:32px; margin:2px; border:1px solid #888; border-radius:4px;
    cursor:pointer; font-size:11px; line-height:1; padding:0;
}
.psb-seat.available  { background:#ffffff; }
.psb-seat.held       { background:#bbbbbb; cursor:not-allowed; }
.psb-seat.confirmed  { background:#e74c3c; color:#fff; cursor:not-allowed; }
.psb-seat.blocked    { background:#000; color:#fff; cursor:not-allowed; }
.psb-seat.selected   { background:#27ae60; color:#fff; border-color:#1e8449; }
.psb-seat.vip        { border:2px solid gold; }
.psb-legend { margin:14px 0; display:flex; gap:14px; flex-wrap:wrap; font-size:13px; }
.psb-legend .psb-box { display:inline-block; width:14px; height:14px; border:1px solid #888; vertical-align:middle; margin-right:4px; }
.psb-legend .available{background:#fff;} .psb-legend .held{background:#bbb;}
.psb-legend .confirmed{background:#e74c3c;} .psb-legend .blocked{background:#000;}
.psb-legend .selected{background:#27ae60;}
.psb-summary { margin-top:16px; display:flex; justify-content:space-between; align-items:center; }
.psb-checkout-btn { background:#e67e22; color:#fff; border:0; padding:10px 20px; border-radius:6px; cursor:pointer; }
.psb-checkout-btn:disabled { background:#aaa; cursor:not-allowed; }