[data-overlay-id="follow-counter"] .follow-counter-compact-toolbar { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:stretch; }
.goal-counter-design-card { display:flex; flex-direction:column; gap:9px; min-width:0; }
.goal-counter-design-card .follow-counter-card-title { margin:0; font-size:13px; }
.goal-counter-design-current { display:grid; place-items:center; flex:1; min-height:142px; border:1px solid rgba(148,163,184,.15); border-radius:10px; overflow:hidden; background:#101827; }
.goal-counter-design-current img { display:block; width:100%; height:142px; object-fit:contain; }
.goal-counter-design-card .btn { width:100%; justify-content:center; min-height:36px; }
.goal-counter-display-card { display:flex; flex-direction:column; justify-content:center; gap:18px; min-width:0; }
.goal-counter-display-card .follow-counter-card-title { margin-bottom:9px; }
.goal-counter-display-card .follow-counter-layout-row { display:block; padding:0; }
.goal-counter-display-card .follow-counter-layout-row .follow-counter-segmented { max-width:none; margin-top:9px; }
.goal-counter-display-card .follow-counter-metric-toggle { min-width:0; flex-wrap:wrap; gap:4px; font-size:10px; }
.goal-counter-design-load-status { margin:0; color:#FBBF24; font-size:10px; line-height:1.5; }
[data-goal-legacy-colors][hidden], [data-goal-current-thumb][hidden], [data-goal-load-status][hidden], .goal-design-modal[hidden], [data-goal-modal-status][hidden] { display:none!important; }
.goal-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); }
.goal-design-dialog { width:min(1120px,100%); max-height:90vh; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(148,163,184,.25); border-radius:18px; background:#101827; color:#F1F5F9; box-shadow:0 24px 80px rgba(0,0,0,.5); }
.goal-design-header,.goal-design-footer { display:flex; align-items:center; gap:12px; flex-shrink:0; padding:16px 20px; }
.goal-design-header { justify-content:space-between; border-bottom:1px solid rgba(148,163,184,.15); }
.goal-design-header h2 { margin:0; font-size:18px; }
.goal-design-categories { display:flex; flex-wrap:wrap; gap:7px; padding:14px 20px; flex-shrink:0; }
.goal-design-category { border:1px solid rgba(148,163,184,.24); border-radius:20px; padding:7px 13px; background:#172135; color:#94A3B8; font:700 12px inherit; cursor:pointer; }
.goal-design-category[aria-pressed="true"] { color:#ECFEFF; border-color:#22D3EE; background:rgba(34,211,238,.15); }
.goal-design-body { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr); gap:18px; min-height:0; padding:0 20px 16px; overflow:hidden; }
.goal-design-catalog { min-width:0; overflow:auto; overscroll-behavior:contain; padding:0 6px 4px 0; }
.goal-design-list-heading { font-size:11px; color:#94A3B8; padding-bottom:10px; }
.goal-design-list-heading span { float:right; }
.goal-design-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.goal-design-option { display:flex; flex-direction:column; gap:7px; min-width:0; padding:7px; border:1px solid rgba(148,163,184,.2); border-radius:10px; background:#182236; color:#CBD5E1; cursor:pointer; }
.goal-design-option img { width:100%; height:102px; display:block; object-fit:contain; border-radius:6px; background:#101827; }
.goal-design-option span { display:block; min-height:16px; font-size:11px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.goal-design-option:hover { border-color:#64748B; }
.goal-design-option[aria-pressed="true"] { border-color:#22D3EE; background:rgba(34,211,238,.10); box-shadow:0 0 0 1px rgba(34,211,238,.35); color:#ECFEFF; }
.goal-design-sample-wrap { min-width:0; display:flex; flex-direction:column; }
.goal-design-sample-wrap h3 { margin:0 0 12px; font-size:14px; }
.goal-design-sample { position:relative; width:100%; min-height:220px; height:320px; max-height:42vh; overflow:hidden; background:#080F1D; border:1px solid rgba(148,163,184,.16); border-radius:12px; }
.goal-design-static-sample { width:100%; height:100%; object-fit:contain; }
.goal-design-sample-canvas { position:absolute; left:50%; top:50%; width:max-content; height:max-content; transform-origin:center; }
.goal-design-sample-wrap p { color:#94A3B8; font-size:11px; line-height:1.7; margin:10px 0 0; }
.goal-design-sample-wrap .goal-design-notice { color:#64748B; }
.goal-design-footer { justify-content:flex-end; border-top:1px solid rgba(148,163,184,.15); }
.goal-design-footer [data-goal-modal-status] { margin-right:auto; color:#FBBF24; font-size:11px; }
.goal-design-footer [data-goal-confirm] { background:linear-gradient(135deg,#06B6D4,#0284C7); }
.goal-design-footer button:disabled { opacity:.4; cursor:not-allowed; }
.goal-design-modal button:focus-visible { outline:2px solid #22D3EE; outline-offset:3px; }
@media(max-width:760px) {
  [data-overlay-id="follow-counter"] .follow-counter-compact-toolbar { grid-template-columns:minmax(0,1fr); }
  .goal-counter-design-current,.goal-counter-design-current img { min-height:170px; height:170px; }
  .goal-design-modal { padding:10px; }
  .goal-design-dialog { max-height:95vh; }
  .goal-design-header,.goal-design-footer { padding:12px; }
  .goal-design-header h2 { font-size:15px; }
  .goal-design-categories { padding:10px 12px; gap:5px; }
  .goal-design-category { font-size:10px; padding:6px 9px; }
  .goal-design-body { display:block; overflow:auto; padding:0 12px 12px; }
  .goal-design-catalog { max-height:34vh; }
  .goal-design-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .goal-design-option img { height:76px; }
  .goal-design-sample-wrap { margin-top:16px; }
  .goal-design-sample { min-height:180px; height:220px; }
  .goal-design-footer { flex-wrap:wrap; gap:8px; }
  .goal-design-footer [data-goal-modal-status] { flex-basis:100%; }
}

.goal-design-option { position:relative; }
.goal-design-common-badge { position:absolute; top:11px; right:11px; border:1px solid rgba(34,211,238,.3); border-radius:5px; padding:2px 5px; background:rgba(15,23,42,.92); color:#A5F3FC; font-size:9px; font-weight:700; line-height:1.3; pointer-events:none; }
.goal-design-common-note { flex-shrink:0; margin:0 20px 12px; color:#A5F3FC; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.goal-design-common-note[hidden] { display:none!important; }
@media(max-width:760px) { .goal-design-common-note { margin:0 12px 10px; font-size:11px; } }