.supporter-theme-page{padding:18px 22px 48px}.supporter-theme-hero,.supporter-theme-panel,.supporter-theme-card,.supporter-theme-preview{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(15,21,52,.96),rgba(7,11,29,.96));border-radius:22px;box-shadow:0 22px 45px rgba(0,0,0,.18)}.supporter-theme-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;margin-top:18px}.supporter-theme-hero span{color:#8f83ff;font-size:11px;font-weight:900;letter-spacing:.12em}.supporter-theme-hero h1{margin:5px 0;color:#fff;font-size:26px}.supporter-theme-hero p{margin:0;color:#9aa6cc;line-height:1.65}.supporter-theme-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);gap:18px;margin-top:18px;align-items:start}.supporter-theme-panel{padding:20px}.supporter-theme-panel h2{margin:0 0 5px;color:#fff;font-size:18px}.supporter-theme-panel>p{margin:0 0 18px;color:#8d99bf;font-size:12px}.supporter-theme-switches{display:grid;gap:10px}.supporter-theme-switch{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}.supporter-theme-switch input{margin-top:3px}.supporter-theme-switch strong,.supporter-theme-switch small{display:block}.supporter-theme-switch strong{color:#fff}.supporter-theme-switch small{margin-top:3px;color:#7f8ab1;font-size:10px}.supporter-theme-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supporter-theme-field{display:grid;gap:7px}.supporter-theme-field.full{grid-column:1/-1}.supporter-theme-field label{color:#c7cff0;font-size:11px;font-weight:800}.supporter-theme-field input,.supporter-theme-field select,.supporter-theme-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 12px;color:#fff;background:rgba(4,8,23,.84);outline:none}.supporter-theme-field input:focus,.supporter-theme-field select:focus,.supporter-theme-field textarea:focus{border-color:#7164ff;box-shadow:0 0 0 3px rgba(113,100,255,.14)}.supporter-theme-field input[type=color]{height:46px;padding:4px}.supporter-theme-field small{color:#7783ab;font-size:9px}.supporter-theme-preview{position:sticky;top:18px;overflow:hidden;padding:16px}.supporter-theme-browser{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:16px 16px 0 0;background:#0b1027}.supporter-theme-browser i{width:9px;height:9px;border-radius:50%;background:#ff6372;box-shadow:16px 0 #ffc857,32px 0 #38d996}.supporter-theme-browser span{margin-left:34px;color:#8994bb;font-size:10px}.supporter-theme-canvas{--preview-accent:#7c5cff;--preview-bg:#070b17;--preview-text:#fff;--preview-image:none;--preview-overlay:.35;min-height:480px;position:relative;overflow:hidden;display:grid;place-items:center;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:0 0 16px 16px;background:var(--preview-bg);color:var(--preview-text)}.supporter-theme-canvas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,var(--preview-overlay)),rgba(0,0,0,var(--preview-overlay))),var(--preview-image);background-size:var(--preview-fit,cover);background-position:var(--preview-position,center center);opacity:.95}.supporter-theme-canvas::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--preview-accent),transparent 55%),transparent 35%)}.supporter-theme-preview-card{position:relative;z-index:2;width:min(560px,100%);padding:24px;border:1px solid color-mix(in srgb,var(--preview-accent),transparent 48%);border-radius:28px;background:rgba(8,12,31,.78);box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.supporter-theme-canvas[data-theme=light] .supporter-theme-preview-card{background:rgba(255,255,255,.92);color:#12172b}.supporter-theme-canvas[data-theme=glass] .supporter-theme-preview-card{background:rgba(255,255,255,.08)}.supporter-theme-canvas[data-theme=gradient]{background:linear-gradient(135deg,var(--preview-bg),color-mix(in srgb,var(--preview-accent),#121a42 45%))}.supporter-theme-canvas[data-card=soft] .supporter-theme-preview-card{border-radius:16px}.supporter-theme-canvas[data-card=square] .supporter-theme-preview-card{border-radius:4px}.supporter-theme-preview-card h3{margin:0;color:inherit;font-size:24px}.supporter-theme-preview-card p{margin:8px 0 18px;color:color-mix(in srgb,currentColor,transparent 28%)}.supporter-theme-preview-profile{display:flex;align-items:center;gap:13px}.supporter-theme-preview-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,var(--preview-accent),#233562);font-weight:900}.supporter-theme-preview-badge{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;background:var(--preview-accent);color:#fff;font-size:10px;font-weight:900}.supporter-theme-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.supporter-theme-list{display:grid;gap:12px;margin-top:18px}.supporter-theme-card{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px}.supporter-theme-thumb{width:84px;height:70px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:var(--thumb-bg,#070b17);background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),var(--thumb-image,none);background-size:cover;background-position:center}.supporter-theme-card strong,.supporter-theme-card small{display:block}.supporter-theme-card strong{color:#fff}.supporter-theme-card small{margin-top:4px;color:#8490b8;font-size:10px}.supporter-theme-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.supporter-theme-pill{padding:4px 8px;border-radius:999px;background:rgba(124,92,255,.13);color:#c8c1ff;font-size:9px;font-weight:900}.supporter-theme-pill.is-off{background:rgba(255,82,82,.1);color:#ffabab}.supporter-theme-row-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.supporter-theme-empty{padding:24px;border:1px dashed rgba(255,255,255,.14);border-radius:17px;color:#8f9ac3;text-align:center}.supporter-theme-public-badge{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--donate-accent),transparent 55%);border-radius:999px;background:color-mix(in srgb,var(--donate-accent),transparent 82%);color:var(--theme-text);font-size:10px;font-weight:900}.supporter-personalized-theme{background-color:var(--theme-background)!important;background-image:linear-gradient(rgba(0,0,0,var(--supporter-theme-overlay,.35)),rgba(0,0,0,var(--supporter-theme-overlay,.35))),var(--supporter-theme-bg-image,none)!important;background-size:var(--supporter-theme-bg-fit,cover)!important;background-position:var(--supporter-theme-bg-position,center center)!important;background-attachment:fixed!important}.supporter-theme-admin-table{width:100%;border-collapse:collapse}.supporter-theme-admin-table th,.supporter-theme-admin-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.supporter-theme-admin-table th{color:#8f9ac0;font-size:10px}.supporter-theme-admin-table td{color:#dfe5ff;font-size:12px}@media(max-width:1050px){.supporter-theme-grid{grid-template-columns:1fr}.supporter-theme-preview{position:relative;top:auto}}@media(max-width:680px){.supporter-theme-page{padding:12px}.supporter-theme-hero{align-items:flex-start;flex-direction:column}.supporter-theme-form-grid{grid-template-columns:1fr}.supporter-theme-card{grid-template-columns:64px minmax(0,1fr)}.supporter-theme-thumb{width:64px}.supporter-theme-row-actions{grid-column:1/-1;justify-content:flex-start}}

/* EP67 Theme Media Center */
.theme-media-library-field { gap: 12px; }
.theme-media-library-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.theme-media-library-head label { display:block; margin-bottom:4px; }
.theme-media-picker {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(116px,1fr));
    gap:10px;
    max-height:340px;
    overflow:auto;
    padding:4px;
}
.theme-media-option {
    position:relative;
    display:grid;
    gap:7px;
    min-height:104px;
    padding:8px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    cursor:pointer;
    overflow:hidden;
}
.theme-media-option input { position:absolute; opacity:0; pointer-events:none; }
.theme-media-option img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:9px; background:#090d18; }
.theme-media-option span { color:#d9e1f5; font-size:.76rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.theme-media-option:has(input:checked) { border-color:var(--ui-primary,#7c5cff); box-shadow:0 0 0 2px rgba(124,92,255,.2); background:rgba(124,92,255,.09); }
.theme-media-option.is-none { place-content:center; text-align:center; min-height:104px; }
.theme-media-empty { padding:16px; border:1px dashed rgba(255,255,255,.14); border-radius:14px; color:#96a0bd; text-align:center; }
@media (max-width:720px){.theme-media-library-head{align-items:stretch;flex-direction:column}.theme-media-picker{grid-template-columns:repeat(2,minmax(0,1fr));}}