.xx-image-preferences{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;color:#172033;box-shadow:0 2px 8px #0f172a04}
.xx-ip-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.xx-ip-heading h2{font-size:19px;font-weight:650;margin:6px 0 0;line-height:1.45}
.xx-ip-badge{font-size:12px;font-weight:600;color:#0369a1;background:#e0f2fe;padding:4px 9px;border-radius:6px}
.xx-ip-heading button{font-size:13px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 13px;background:transparent;color:inherit}
.xx-ip-intro{font-size:14px;color:#64748b;margin:16px 0 22px;line-height:1.7}
.xx-ip-current{display:grid;gap:5px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:11px;padding:14px 16px;margin:0 0 20px}
.xx-ip-current>span{font-size:12px;color:#0369a1}
.xx-ip-current strong{font-size:18px;font-weight:650;line-height:1.5}
.xx-ip-current small{font-size:12px;color:#64748b}
.xx-image-preferences label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.xx-image-preferences select{display:block;width:100%;max-width:480px;min-height:46px;padding:10px 36px 10px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;font-size:15px;color:inherit;background-color:transparent}
.xx-image-preferences button:focus-visible,.xx-image-preferences select:focus-visible{outline:3px solid #38bdf880;outline-offset:3px}
.xx-ip-note{font-size:13px;color:#64748b;min-height:22px;margin:9px 0 18px;line-height:1.6}
.xx-ip-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.xx-ip-actions button{background:#0284c7;color:#fff;min-height:42px;border:0;border-radius:9px;padding:10px 22px;font-size:14px;font-weight:600;white-space:nowrap}
.xx-ip-actions p{font-size:13px;color:#047857;line-height:1.6;flex:1;min-width:160px;margin:0}
.xx-ip-actions p[data-error="true"]{color:#dc2626}
.xx-image-preferences button:disabled,.xx-image-preferences select:disabled{opacity:.5;cursor:not-allowed}
.xx-image-preferences button:not(:disabled){cursor:pointer}
.xx-ip-rule{border-top:1px solid #e2e8f0;margin:20px 0 0;padding-top:16px;font-size:12px;color:#64748b;line-height:1.8}
.dark .xx-image-preferences{background:#182130;border-color:#334155;color:#e2e8f0}
.dark .xx-ip-intro,.dark .xx-ip-note,.dark .xx-ip-rule{color:#94a3b8}
.dark .xx-image-preferences select,.dark .xx-ip-heading button,.dark .xx-ip-rule{border-color:#475569}
.dark .xx-image-preferences option{background:#182130;color:#e2e8f0}
.dark .xx-ip-actions p{color:#6ee7b7}
.dark .xx-ip-actions p[data-error="true"]{color:#fca5a5}
.dark .xx-ip-current{background:#0c283b;border-color:#075985}.dark .xx-ip-current>span{color:#7dd3fc}.dark .xx-ip-current small{color:#94a3b8}
@media(max-width:480px){.xx-image-preferences{padding:18px;border-radius:13px}.xx-ip-actions{align-items:stretch;gap:10px}.xx-ip-actions button{width:100%}.xx-ip-actions p{flex-basis:100%}.xx-image-preferences select{font-size:16px}}