[data-overlay-id="comment-counter"] .ov-settings { max-height:none; overflow:visible; }
[data-overlay-id="comment-counter"] .word-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
[data-overlay-id="comment-counter"] .word-setting-card { min-width:0; padding:12px; border:1px solid var(--border); border-radius:10px; background:rgba(139,92,246,.035); }
[data-overlay-id="comment-counter"] .word-setting-card .form-label { display:block; margin-bottom:7px; font-size:12px; }
[data-overlay-id="comment-counter"] .word-setting-card .form-input { width:100%; min-width:0; }
[data-overlay-id="comment-counter"] .word-design-current { display:flex; align-items:center; gap:12px; margin-top:12px; padding:10px 12px; border:1px solid var(--border); border-radius:10px; }
[data-overlay-id="comment-counter"] .word-design-current img { width:128px; height:58px; object-fit:contain; border-radius:6px; background:#0d1117; }
[data-overlay-id="comment-counter"] .word-design-current-copy { min-width:0; flex:1; }
[data-overlay-id="comment-counter"] .word-design-current-copy small { display:block; color:var(--text-sub); font-size:11px; }
[data-overlay-id="comment-counter"] [data-word-current-name] { display:block; margin:4px 0; font-size:13px; }
[data-overlay-id="comment-counter"] .word-choice-row { display:flex; gap:6px; }
[data-overlay-id="comment-counter"] .word-choice-row button { flex:1; min-width:0; min-height:34px; justify-content:center; padding:6px; font-size:12px; }
[data-overlay-id="comment-counter"] .word-choice-row [aria-pressed="true"] { border-color:#A78BFA; color:#DDD6FE; background:rgba(139,92,246,.18); }
[data-overlay-id="comment-counter"] #comCounterColorPicker { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:5px 0 0; }
[data-overlay-id="comment-counter"] #comCounterColorPicker button { width:27px; height:27px; justify-self:center; margin:0; }
[data-overlay-id="comment-counter"] #comCounterColorPicker [aria-pressed="true"] { outline:2px solid #A78BFA; outline-offset:2px; }
[data-overlay-id="comment-counter"] [data-word-load-status] { margin:10px 0 0; color:#FBBF24; font-size:12px; line-height:1.5; }
[data-overlay-id="comment-counter"] button:disabled,[data-overlay-id="comment-counter"] input:disabled,.word-design-modal button:disabled { opacity:.45; cursor:not-allowed; }
[data-overlay-id="comment-counter"] button:focus-visible,.word-design-modal button:focus-visible { outline:2px solid #A78BFA; outline-offset:3px; }
.word-design-modal[hidden],[data-word-load-status][hidden] { display:none!important; }
.word-design-modal { position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(2,6,23,.78); backdrop-filter:blur(5px); }
.word-design-dialog { width:min(1120px,100%); max-height:90vh; max-height:90dvh; display:flex; flex-direction:column; overflow:hidden; border:1px solid #475569; border-radius:18px; background:#101827; color:#F1F5F9; box-shadow:0 24px 80px #0008; }
.word-design-header,.word-design-footer { display:flex; align-items:center; gap:12px; flex-shrink:0; padding:16px 20px; }
.word-design-header { justify-content:space-between; border-bottom:1px solid #334155; }
.word-design-header h2 { margin:0; font-size:18px; }
.word-design-body { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr); gap:18px; min-height:0; padding:16px 20px; overflow:hidden; }
.word-design-catalog { min-width:0; overflow:auto; overscroll-behavior:contain; padding:0 6px 4px 0; }
.word-design-catalog > p { margin:0 0 10px; font-size:12px; color:#94A3B8; }
.word-design-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.word-design-option { display:flex; flex-direction:column; gap:7px; min-width:0; padding:7px; border:1px solid #334155; border-radius:10px; background:#182236; color:#CBD5E1; cursor:pointer; }
.word-design-option img { width:100%; height:85px; display:block; object-fit:contain; border-radius:6px; background:#0d1117; }
.word-design-option span { min-height:18px; font-size:12px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.word-design-option[aria-pressed="true"] { border-color:#A78BFA; background:#30234B; box-shadow:0 0 0 1px #A78BFA66; color:#EDE9FE; }
.word-design-sample-wrap { min-width:0; }
.word-design-sample-wrap h3 { margin:0 0 12px; font-size:15px; }
.word-design-sample { width:100%; height:210px; overflow:hidden; background:#0d1117; border:1px solid #334155; border-radius:12px; }
.word-design-sample img { width:100%; height:100%; object-fit:contain; }
.word-design-sample-wrap p { margin:12px 0 0; color:#94A3B8; font-size:12px; line-height:1.7; }
.word-design-footer { justify-content:flex-end; border-top:1px solid #334155; }
.word-design-footer [data-word-confirm] { background:linear-gradient(135deg,#8B5CF6,#6D28D9); color:#FFF; }
@media(max-width:760px) {
  [data-overlay-id="comment-counter"] .ov-split { grid-template-columns:minmax(0,1fr); }
  [data-overlay-id="comment-counter"] .word-design-current { flex-wrap:wrap; }
  [data-overlay-id="comment-counter"] .word-design-current > button { width:100%; justify-content:center; }
  .word-design-modal { padding:10px; }
  .word-design-dialog { max-height:95vh; max-height:95dvh; }
  .word-design-header,.word-design-footer { padding:12px; }
  .word-design-header h2 { font-size:16px; }
  .word-design-body { display:block; overflow:auto; padding:12px; }
  .word-design-catalog { max-height:40vh; }
  .word-design-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .word-design-option img { height:75px; }
  .word-design-sample-wrap { margin-top:16px; }
  .word-design-sample { height:145px; }
  .word-design-footer { flex-wrap:wrap; gap:8px; }
}
@media(max-width:440px) {
  [data-overlay-id="comment-counter"] .word-settings-grid { grid-template-columns:minmax(0,1fr); gap:8px; }
}