[data-overlay-id="bingo-card"] .bingo-header-description { flex:1; min-width:180px; margin:0 14px; color:var(--text-sub,#A1A1AA); font-size:11px; line-height:1.6; font-weight:400; }
[data-overlay-id="bingo-card"] .ov-section-header { flex-wrap:wrap; }
[data-overlay-id="bingo-card"] .ov-section-title { flex-shrink:0; }
[data-overlay-id="bingo-card"] .bingo-configuration-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
[data-overlay-id="bingo-card"] .bingo-design-current { display:flex; flex-direction:column; min-width:0; gap:8px; padding:10px; border:1px solid var(--border); border-radius:10px; background:rgba(245,158,11,.035); }
[data-overlay-id="bingo-card"] .bingo-design-current img { width:100%; height:220px; object-fit:contain; flex-shrink:0; border-radius:7px; background:#11151d; }
[data-overlay-id="bingo-card"] .bingo-design-current-copy { min-width:0; }
[data-overlay-id="bingo-card"] .bingo-design-current-copy small { display:block; color:var(--text-sub); font-size:11px; }
[data-overlay-id="bingo-card"] [data-bingo-current-name] { display:block; margin:4px 0; font-size:13px; }
[data-overlay-id="bingo-card"] .bingo-design-current > button { width:100%; flex-shrink:0; padding:8px 10px; font-size:11px; }
[data-overlay-id="bingo-card"] .bingo-configuration-controls { display:flex; flex-direction:column; gap:12px; min-width:0; }
[data-overlay-id="bingo-card"] .bingo-configuration-controls .bingo-settings-row { grid-template-columns:minmax(0,1fr); padding:12px; }
[data-overlay-id="bingo-card"] .bingo-configuration-controls .bingo-font-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; flex:1; margin:0; }
[data-overlay-id="bingo-card"] .bingo-configuration-controls .bingo-font-control { display:flex; flex-direction:column; justify-content:center; padding:12px; }
[data-overlay-id="bingo-card"] .bingo-design-colors { padding:10px; border:1px solid var(--border); border-radius:10px; }
[data-overlay-id="bingo-card"] .bingo-design-colors > span { font-size:12px; color:var(--text-sub); }
[data-overlay-id="bingo-card"] .bingo-legacy-colors .bingo-palette-row { border:0; padding:10px 0 0; }
[data-overlay-id="bingo-card"] .bingo-legacy-colors .bingo-palette-label { display:none; }
[data-overlay-id="bingo-card"] .bingo-legacy-colors .bingo-palette-dots .color-dot { width:26px; max-width:100%; }
[data-overlay-id="bingo-card"] [data-bingo-fixed-color] { margin:8px 0 0; color:var(--text-sub); font-size:12px; line-height:1.6; }
[data-overlay-id="bingo-card"] [data-bingo-color-grid] { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:6px; margin-top:10px; }
[data-overlay-id="bingo-card"] [data-bingo-color] { width:26px; height:26px; max-width:100%; padding:0; border:2px solid transparent; border-radius:50%; justify-self:center; cursor:pointer; }
[data-overlay-id="bingo-card"] [data-bingo-color][aria-pressed="true"] { outline:2px solid #FBBF24; outline-offset:3px; border-color:#11151d; }
[data-overlay-id="bingo-card"] .bingo-operation-hint { margin:0; color:var(--text-sub); font-size:11px; line-height:1.6; }
[data-overlay-id="bingo-card"] .bingo-font-label { font-size:11px; color:var(--text-sub); }
[data-overlay-id="bingo-card"] .bingo-font-value { font-size:13px; }
[data-overlay-id="bingo-card"] [data-bingo-load-status] { margin:0; color:#FBBF24; font-size:12px; }
[data-overlay-id="bingo-card"] [hidden],.bingo-design-modal [hidden],.bingo-design-modal[hidden] { display:none!important; }
[data-overlay-id="bingo-card"] button:disabled,[data-overlay-id="bingo-card"] input:disabled,.bingo-design-modal button:disabled { opacity:.45; cursor:not-allowed; }
[data-overlay-id="bingo-card"] button:focus-visible,.bingo-design-modal button:focus-visible { outline:2px solid #FBBF24; outline-offset:3px; }
.bingo-design-modal { position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center; padding:20px; background:#020617c9; backdrop-filter:blur(5px); }
.bingo-design-dialog { width:min(1060px,100%); max-height:92vh; max-height:92dvh; display:flex; flex-direction:column; overflow:hidden; border:1px solid #475569; border-radius:16px; background:#171a24; color:#F1F5F9; box-shadow:0 24px 80px #0008; }
.bingo-design-header,.bingo-design-footer { display:flex; align-items:center; gap:12px; flex-shrink:0; padding:14px 18px; }
.bingo-design-header { justify-content:space-between; border-bottom:1px solid #334155; }
.bingo-design-header h2 { margin:0; font-size:17px; }
.bingo-design-tabs { display:flex; flex-wrap:wrap; gap:7px; padding:12px 18px 0; flex-shrink:0; }
.bingo-design-tabs button { padding:6px 11px; border:1px solid #475569; border-radius:999px; background:#11151d; color:#CBD5E1; font:inherit; font-size:11px; cursor:pointer; }
.bingo-design-tabs [aria-pressed="true"] { border-color:#FBBF24; color:#FBBF24; background:#3a2d16; }
.bingo-design-common-copy { flex-shrink:0; padding:8px 18px 0; margin:0; color:#A1A1AA; font-size:12px; line-height:1.6; }
.bingo-design-body { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr); gap:18px; min-height:0; padding:14px 18px; overflow:hidden; }
.bingo-design-grid { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; align-content:start; overflow:auto; padding:2px 6px 4px 2px; overscroll-behavior:contain; }
.bingo-design-option { position:relative; display:flex; flex-direction:column; gap:6px; min-width:0; padding:7px; border:1px solid #334155; border-radius:10px; background:#11151d; color:#CBD5E1; cursor:pointer; }
.bingo-design-option img { width:100%; height:112px; object-fit:contain; border-radius:5px; }
.bingo-design-option span { font-size:11px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.bingo-design-option small { position:absolute; top:9px; right:9px; padding:2px 6px; border:1px solid #FBBF2466; border-radius:999px; background:#171a24ed; color:#FBBF24; font-size:10px; }
.bingo-design-option[aria-pressed="true"] { border-color:#FBBF24; background:#3a2d16; box-shadow:0 0 0 1px #FBBF2466; }
.bingo-design-sample-wrap { min-width:0; }
.bingo-design-sample-wrap h3 { margin:0 0 10px; font-size:14px; }
.bingo-design-sample-wrap > img { width:100%; height:300px; object-fit:contain; border-radius:10px; background:#11151d; }
.bingo-design-sample-wrap p { margin:10px 0 0; color:#A1A1AA; font-size:12px; line-height:1.6; }
.bingo-design-footer { justify-content:flex-end; border-top:1px solid #334155; }
.bingo-design-footer [data-bingo-confirm] { background:#F59E0B; color:#111827; }
@media(max-width:760px) {
  [data-overlay-id="bingo-card"] .bingo-header-description { order:3; flex-basis:100%; margin:8px 0 0; }
  [data-overlay-id="bingo-card"] .bingo-configuration-main { grid-template-columns:minmax(0,1fr); }
  [data-overlay-id="bingo-card"] .bingo-design-current img { height:220px; }
  [data-overlay-id="bingo-card"] .bingo-design-current > button { width:100%; justify-content:center; }
  .bingo-design-modal { padding:10px; }
  .bingo-design-dialog { max-height:95vh; max-height:95dvh; }
  .bingo-design-header,.bingo-design-footer { padding:12px; }
  .bingo-design-tabs { gap:6px; padding:10px 12px 0; }
  .bingo-design-tabs button { padding:5px 9px; }
  .bingo-design-body { display:block; overflow:auto; padding:12px; }
  .bingo-design-grid { max-height:42vh; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .bingo-design-option { padding:5px; }
  .bingo-design-option img { height:82px; }
  .bingo-design-sample-wrap { margin-top:14px; }
  .bingo-design-sample-wrap > img { height:170px; }
  .bingo-design-footer { gap:8px; }
}