[data-overlay-id="like-fountain-custom-cats"] { --primary:#9862e8; --primary-light:#e1caff; --cat-accent:#b58aff; }
[data-overlay-id="like-fountain-custom-cats"] .ov-section-title>.icon-svg { color:var(--cat-accent); }
[data-overlay-id="like-fountain-custom-cats"] .ov-section-header { gap:16px; }
[data-overlay-id="like-fountain-custom-cats"] .ov-section-title,
[data-overlay-id="like-fountain-custom-cats"] .ov-section-actions { flex-shrink:0; }
.cat-fountain-description { flex:1; min-width:0; margin:0; color:#c5b9d5; font-size:11px; font-weight:400; line-height:1.6; }
.cat-fountain-tag { color:#e1caff; background:#b58aff18; border:1px solid #b58aff40; border-radius:5px; padding:3px 7px; font-size:9px; font-weight:800; white-space:nowrap; }
[data-overlay-id="like-fountain-custom-cats"] .info-tip { margin-bottom:12px; border-color:#b58aff30; background:#b58aff0d; }
[data-overlay-id="like-fountain-custom-cats"] .info-tip-title { color:var(--primary-light); }
[data-overlay-id="like-fountain-custom-cats"] .ov-settings { max-height:none; }
.cat-fountain-heading { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; font-weight:750; font-size:13px; margin-bottom:8px; }
.cat-fountain-heading small,.cat-fountain-empty { color:var(--text-muted); font-size:11px; font-weight:400; }
.cat-fountain-icons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.cat-fountain-icon { position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0; padding:7px 3px; background:#ffffff04; border:1px solid #ffffff20; border-radius:10px; color:var(--text-main); cursor:pointer; font:inherit; }
.cat-fountain-icon.active { border-color:var(--cat-accent); background:#b58aff18; box-shadow:inset 0 0 0 1px #b58aff60; }
.cat-fountain-icon img { width:62px; height:62px; object-fit:contain; }
.cat-fountain-icon span { font-size:11px; font-weight:700; }
.cat-fountain-icon b { position:absolute; right:5px; top:5px; display:none; background:#9862e8; color:white; border-radius:50%; width:16px; height:16px; font-size:11px; line-height:16px; }
.cat-fountain-icon.active b { display:block; }
.cat-fountain-global,.cat-fountain-card { border:1px solid #b58aff30; border-radius:12px; padding:10px 12px; background:#b58aff08; min-width:0; }
.cat-fountain-global { display:flex; align-items:center; }
.cat-fountain-global>.cat-fountain-range { width:100%; }
.cat-fountain-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.cat-fountain-card { padding:0; overflow:hidden; }
.cat-fountain-card>.cat-fountain-icon { width:100%; border-radius:10px 10px 0 0; border-width:0 0 1px; padding:7px 3px; }
.cat-fountain-parameters { padding:3px 9px 7px; }
.cat-fountain-global-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.cat-fountain-pattern { display:flex; align-items:center; gap:10px; min-width:0; padding:8px 10px; border:1px solid #b58aff30; border-radius:12px; background:#b58aff08; color:var(--text-main); text-align:left; cursor:pointer; font:inherit; }
.cat-fountain-pattern img { width:58px; height:56px; object-fit:contain; border-radius:7px; background:#17141e; }
.cat-fountain-pattern span { display:flex; flex-direction:column; min-width:0; gap:3px; }
.cat-fountain-pattern small { font-size:11px; font-weight:700; }
.cat-fountain-pattern strong { font-size:12px; color:var(--primary-light); }
.cat-fountain-pattern em { font-size:10px; font-style:normal; color:#c4aedf; }
.cat-fountain-gallery { --lf-accent:#b58aff; --lf-rgb:181,138,255; --lf-text:#e1caff; }
.cat-fountain-gallery [aria-pressed="true"] { border-color:#b58aff; box-shadow:inset 0 0 0 1px #b58aff; }
.cat-fountain-card h4 { display:flex; align-items:center; gap:6px; font-size:12px; margin:0 0 6px; }
.cat-fountain-card h4 img { width:28px; height:28px; object-fit:contain; }
.cat-fountain-card.unselected .cat-fountain-parameters { opacity:.5; }
.cat-fountain-range { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; margin:7px 0; }
.cat-fountain-range label { font-size:11px; font-weight:650; }
.cat-fountain-range output { color:var(--primary-light); font-size:11px; font-weight:750; font-variant-numeric:tabular-nums; }
.cat-fountain-range input { grid-column:1/-1; width:100%; height:4px; margin:3px 0 4px; accent-color:var(--cat-accent); cursor:pointer; }
[data-overlay-id="like-fountain-custom-cats"] :is(button,input):focus-visible { outline:2px solid #e1caff; outline-offset:2px; }
[data-overlay-id="like-fountain-custom-cats"] .ov-preview { max-height:none; }
[data-overlay-id="like-fountain-custom-cats"] .preview-area { padding:0; overflow:hidden; aspect-ratio:16/9; }
[data-overlay-id="like-fountain-custom-cats"] .preview-area iframe { min-height:240px; }
[data-overlay-id="like-fountain-custom-cats"] .preview-controls { flex-wrap:wrap; align-items:center; }
[data-overlay-id="like-fountain-custom-cats"] .preview-controls small { color:var(--text-muted); font-size:10px; }
@media(max-width:640px) {
  [data-overlay-id="like-fountain-custom-cats"] .ov-split { grid-template-columns:1fr; }
  [data-overlay-id="like-fountain-custom-cats"] .ov-settings { border-right:0; }
  [data-overlay-id="like-fountain-custom-cats"] .ov-section-title { flex-wrap:wrap; }
  .cat-fountain-icons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cat-fountain-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:641px) and (max-width:1100px) { .cat-fountain-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:420px) { .cat-fountain-global-row { grid-template-columns:1fr; } }
@media(max-width:900px) {
  [data-overlay-id="like-fountain-custom-cats"] .ov-section-header { flex-wrap:wrap; gap:8px 12px; }
  [data-overlay-id="like-fountain-custom-cats"] .ov-section-title { flex:1; min-width:0; }
  .cat-fountain-description { flex-basis:100%; order:3; }
}