
html[data-xp-theme="aurora"]{--xp-bg:#090d1a;--xp-surface:#111a2c;--xp-surface-2:#1b2540;--xp-accent:#c0a2ff;--xp-accent-2:#76e0df;--xp-text:#f3f4ff;--xp-muted:#b1bfd5;--xp-border:#33445d;--xp-ink:#0b1020;--xp-radius:22px;--xp-glow-a:#c0a2ff16;--xp-glow-b:#76e0df10;--xp-hairline:#c0a2ff2b;--xp-highlight:#c0a2ff13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#c0a2ff16,transparent 48%),radial-gradient(ellipse at 5% 62%,#76e0df10,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#1b2540bf,#111a2c 62%);--xp-button-gradient:linear-gradient(110deg,#c0a2ff,#76e0df);--background:#090d1a;--foreground:#f3f4ff;--card:#111a2c;--card-foreground:#f3f4ff;--popover:#1b2540;--popover-foreground:#f3f4ff;--primary:#c0a2ff;--primary-foreground:#0b1020;--secondary:#1b2540;--secondary-foreground:#f3f4ff;--muted:#1b2540;--muted-foreground:#b1bfd5;--accent:#1b2540;--accent-foreground:#f3f4ff;--border:#33445d;--input:#33445d;--ring:#c0a2ff;--sidebar:#111a2c;--sidebar-foreground:#f3f4ff;--sidebar-primary:#c0a2ff;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#1b2540;--sidebar-accent-foreground:#c0a2ff;--sidebar-border:#33445d;--sidebar-ring:#c0a2ff;--chart-1:#c0a2ff;--chart-2:#76e0df;--page:#090d1a;--surface:#111a2c;--text:#f3f4ff;--brand:#c0a2ff}
html[data-xp-theme="amethyst"]{--xp-bg:#100b1b;--xp-surface:#1c142b;--xp-surface-2:#2a1e3c;--xp-accent:#c6a3ff;--xp-accent-2:#f2addd;--xp-text:#f8f2ff;--xp-muted:#c0b0d2;--xp-border:#49345d;--xp-ink:#0b1020;--xp-radius:20px;--xp-glow-a:#c6a3ff16;--xp-glow-b:#f2addd10;--xp-hairline:#c6a3ff2b;--xp-highlight:#c6a3ff13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#c6a3ff16,transparent 48%),radial-gradient(ellipse at 5% 62%,#f2addd10,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#2a1e3cbf,#1c142b 62%);--xp-button-gradient:linear-gradient(110deg,#c6a3ff,#f2addd);--background:#100b1b;--foreground:#f8f2ff;--card:#1c142b;--card-foreground:#f8f2ff;--popover:#2a1e3c;--popover-foreground:#f8f2ff;--primary:#c6a3ff;--primary-foreground:#0b1020;--secondary:#2a1e3c;--secondary-foreground:#f8f2ff;--muted:#2a1e3c;--muted-foreground:#c0b0d2;--accent:#2a1e3c;--accent-foreground:#f8f2ff;--border:#49345d;--input:#49345d;--ring:#c6a3ff;--sidebar:#1c142b;--sidebar-foreground:#f8f2ff;--sidebar-primary:#c6a3ff;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#2a1e3c;--sidebar-accent-foreground:#c6a3ff;--sidebar-border:#49345d;--sidebar-ring:#c6a3ff;--chart-1:#c6a3ff;--chart-2:#f2addd;--page:#100b1b;--surface:#1c142b;--text:#f8f2ff;--brand:#c6a3ff}
html[data-xp-theme="midnight"]{--xp-bg:#080f20;--xp-surface:#111d35;--xp-surface-2:#1b2c49;--xp-accent:#91b9ff;--xp-accent-2:#89e1ff;--xp-text:#f0f5ff;--xp-muted:#aebfdc;--xp-border:#324c70;--xp-ink:#0b1020;--xp-radius:18px;--xp-glow-a:#91b9ff16;--xp-glow-b:#89e1ff10;--xp-hairline:#91b9ff2b;--xp-highlight:#91b9ff13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#91b9ff16,transparent 48%),radial-gradient(ellipse at 5% 62%,#89e1ff10,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#1b2c49bf,#111d35 62%);--xp-button-gradient:linear-gradient(110deg,#91b9ff,#89e1ff);--background:#080f20;--foreground:#f0f5ff;--card:#111d35;--card-foreground:#f0f5ff;--popover:#1b2c49;--popover-foreground:#f0f5ff;--primary:#91b9ff;--primary-foreground:#0b1020;--secondary:#1b2c49;--secondary-foreground:#f0f5ff;--muted:#1b2c49;--muted-foreground:#aebfdc;--accent:#1b2c49;--accent-foreground:#f0f5ff;--border:#324c70;--input:#324c70;--ring:#91b9ff;--sidebar:#111d35;--sidebar-foreground:#f0f5ff;--sidebar-primary:#91b9ff;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#1b2c49;--sidebar-accent-foreground:#91b9ff;--sidebar-border:#324c70;--sidebar-ring:#91b9ff;--chart-1:#91b9ff;--chart-2:#89e1ff;--page:#080f20;--surface:#111d35;--text:#f0f5ff;--brand:#91b9ff}
html[data-xp-theme="emerald"]{--xp-bg:#081411;--xp-surface:#11221e;--xp-surface-2:#1c332d;--xp-accent:#8de4b9;--xp-accent-2:#6fd8d5;--xp-text:#effbf5;--xp-muted:#a9c6bb;--xp-border:#315247;--xp-ink:#0b1020;--xp-radius:18px;--xp-glow-a:#8de4b916;--xp-glow-b:#6fd8d510;--xp-hairline:#8de4b92b;--xp-highlight:#8de4b913;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#8de4b916,transparent 48%),radial-gradient(ellipse at 5% 62%,#6fd8d510,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#1c332dbf,#11221e 62%);--xp-button-gradient:linear-gradient(110deg,#8de4b9,#6fd8d5);--background:#081411;--foreground:#effbf5;--card:#11221e;--card-foreground:#effbf5;--popover:#1c332d;--popover-foreground:#effbf5;--primary:#8de4b9;--primary-foreground:#0b1020;--secondary:#1c332d;--secondary-foreground:#effbf5;--muted:#1c332d;--muted-foreground:#a9c6bb;--accent:#1c332d;--accent-foreground:#effbf5;--border:#315247;--input:#315247;--ring:#8de4b9;--sidebar:#11221e;--sidebar-foreground:#effbf5;--sidebar-primary:#8de4b9;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#1c332d;--sidebar-accent-foreground:#8de4b9;--sidebar-border:#315247;--sidebar-ring:#8de4b9;--chart-1:#8de4b9;--chart-2:#6fd8d5;--page:#081411;--surface:#11221e;--text:#effbf5;--brand:#8de4b9}
html[data-xp-theme="gold"]{--xp-bg:#12100c;--xp-surface:#211d15;--xp-surface-2:#332b1d;--xp-accent:#eed091;--xp-accent-2:#e9ae82;--xp-text:#fcf7ed;--xp-muted:#c5baa5;--xp-border:#51452e;--xp-ink:#0b1020;--xp-radius:18px;--xp-glow-a:#eed09116;--xp-glow-b:#e9ae8210;--xp-hairline:#eed0912b;--xp-highlight:#eed09113;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#eed09116,transparent 48%),radial-gradient(ellipse at 5% 62%,#e9ae8210,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#332b1dbf,#211d15 62%);--xp-button-gradient:linear-gradient(110deg,#eed091,#e9ae82);--background:#12100c;--foreground:#fcf7ed;--card:#211d15;--card-foreground:#fcf7ed;--popover:#332b1d;--popover-foreground:#fcf7ed;--primary:#eed091;--primary-foreground:#0b1020;--secondary:#332b1d;--secondary-foreground:#fcf7ed;--muted:#332b1d;--muted-foreground:#c5baa5;--accent:#332b1d;--accent-foreground:#fcf7ed;--border:#51452e;--input:#51452e;--ring:#eed091;--sidebar:#211d15;--sidebar-foreground:#fcf7ed;--sidebar-primary:#eed091;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#332b1d;--sidebar-accent-foreground:#eed091;--sidebar-border:#51452e;--sidebar-ring:#eed091;--chart-1:#eed091;--chart-2:#e9ae82;--page:#12100c;--surface:#211d15;--text:#fcf7ed;--brand:#eed091}
html[data-xp-theme="crimson"]{--xp-bg:#170b13;--xp-surface:#28151f;--xp-surface-2:#3b202c;--xp-accent:#ffabbc;--xp-accent-2:#f6b0e1;--xp-text:#fff2f6;--xp-muted:#d2aebd;--xp-border:#633848;--xp-ink:#0b1020;--xp-radius:20px;--xp-glow-a:#ffabbc16;--xp-glow-b:#f6b0e110;--xp-hairline:#ffabbc2b;--xp-highlight:#ffabbc13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#ffabbc16,transparent 48%),radial-gradient(ellipse at 5% 62%,#f6b0e110,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#3b202cbf,#28151f 62%);--xp-button-gradient:linear-gradient(110deg,#ffabbc,#f6b0e1);--background:#170b13;--foreground:#fff2f6;--card:#28151f;--card-foreground:#fff2f6;--popover:#3b202c;--popover-foreground:#fff2f6;--primary:#ffabbc;--primary-foreground:#0b1020;--secondary:#3b202c;--secondary-foreground:#fff2f6;--muted:#3b202c;--muted-foreground:#d2aebd;--accent:#3b202c;--accent-foreground:#fff2f6;--border:#633848;--input:#633848;--ring:#ffabbc;--sidebar:#28151f;--sidebar-foreground:#fff2f6;--sidebar-primary:#ffabbc;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#3b202c;--sidebar-accent-foreground:#ffabbc;--sidebar-border:#633848;--sidebar-ring:#ffabbc;--chart-1:#ffabbc;--chart-2:#f6b0e1;--page:#170b13;--surface:#28151f;--text:#fff2f6;--brand:#ffabbc}
html[data-xp-theme="sunset"]{--xp-bg:#17101b;--xp-surface:#291b2b;--xp-surface-2:#3d263a;--xp-accent:#ffc49a;--xp-accent-2:#e9a3ed;--xp-text:#fff6f1;--xp-muted:#d2b8c6;--xp-border:#634155;--xp-ink:#0b1020;--xp-radius:22px;--xp-glow-a:#ffc49a16;--xp-glow-b:#e9a3ed10;--xp-hairline:#ffc49a2b;--xp-highlight:#ffc49a13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#ffc49a16,transparent 48%),radial-gradient(ellipse at 5% 62%,#e9a3ed10,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#3d263abf,#291b2b 62%);--xp-button-gradient:linear-gradient(110deg,#ffc49a,#e9a3ed);--background:#17101b;--foreground:#fff6f1;--card:#291b2b;--card-foreground:#fff6f1;--popover:#3d263a;--popover-foreground:#fff6f1;--primary:#ffc49a;--primary-foreground:#0b1020;--secondary:#3d263a;--secondary-foreground:#fff6f1;--muted:#3d263a;--muted-foreground:#d2b8c6;--accent:#3d263a;--accent-foreground:#fff6f1;--border:#634155;--input:#634155;--ring:#ffc49a;--sidebar:#291b2b;--sidebar-foreground:#fff6f1;--sidebar-primary:#ffc49a;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#3d263a;--sidebar-accent-foreground:#ffc49a;--sidebar-border:#634155;--sidebar-ring:#ffc49a;--chart-1:#ffc49a;--chart-2:#e9a3ed;--page:#17101b;--surface:#291b2b;--text:#fff6f1;--brand:#ffc49a}
html[data-xp-theme="arctic"]{--xp-bg:#0e141d;--xp-surface:#1a2431;--xp-surface-2:#293747;--xp-accent:#c8e8ff;--xp-accent-2:#a9c4f7;--xp-text:#f4f9ff;--xp-muted:#b4c4d4;--xp-border:#41566c;--xp-ink:#0b1020;--xp-radius:16px;--xp-glow-a:#c8e8ff16;--xp-glow-b:#a9c4f710;--xp-hairline:#c8e8ff2b;--xp-highlight:#c8e8ff13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#c8e8ff16,transparent 48%),radial-gradient(ellipse at 5% 62%,#a9c4f710,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#293747bf,#1a2431 62%);--xp-button-gradient:linear-gradient(110deg,#c8e8ff,#a9c4f7);--background:#0e141d;--foreground:#f4f9ff;--card:#1a2431;--card-foreground:#f4f9ff;--popover:#293747;--popover-foreground:#f4f9ff;--primary:#c8e8ff;--primary-foreground:#0b1020;--secondary:#293747;--secondary-foreground:#f4f9ff;--muted:#293747;--muted-foreground:#b4c4d4;--accent:#293747;--accent-foreground:#f4f9ff;--border:#41566c;--input:#41566c;--ring:#c8e8ff;--sidebar:#1a2431;--sidebar-foreground:#f4f9ff;--sidebar-primary:#c8e8ff;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#293747;--sidebar-accent-foreground:#c8e8ff;--sidebar-border:#41566c;--sidebar-ring:#c8e8ff;--chart-1:#c8e8ff;--chart-2:#a9c4f7;--page:#0e141d;--surface:#1a2431;--text:#f4f9ff;--brand:#c8e8ff}
html[data-xp-theme="obsidian"]{--xp-bg:#101113;--xp-surface:#1b1d22;--xp-surface-2:#2a2d35;--xp-accent:#d5d9e4;--xp-accent-2:#aebed8;--xp-text:#f6f7fa;--xp-muted:#b7bdca;--xp-border:#454b59;--xp-ink:#0b1020;--xp-radius:14px;--xp-glow-a:#d5d9e416;--xp-glow-b:#aebed810;--xp-hairline:#d5d9e42b;--xp-highlight:#d5d9e413;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#d5d9e416,transparent 48%),radial-gradient(ellipse at 5% 62%,#aebed810,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#2a2d35bf,#1b1d22 62%);--xp-button-gradient:linear-gradient(110deg,#d5d9e4,#aebed8);--background:#101113;--foreground:#f6f7fa;--card:#1b1d22;--card-foreground:#f6f7fa;--popover:#2a2d35;--popover-foreground:#f6f7fa;--primary:#d5d9e4;--primary-foreground:#0b1020;--secondary:#2a2d35;--secondary-foreground:#f6f7fa;--muted:#2a2d35;--muted-foreground:#b7bdca;--accent:#2a2d35;--accent-foreground:#f6f7fa;--border:#454b59;--input:#454b59;--ring:#d5d9e4;--sidebar:#1b1d22;--sidebar-foreground:#f6f7fa;--sidebar-primary:#d5d9e4;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#2a2d35;--sidebar-accent-foreground:#d5d9e4;--sidebar-border:#454b59;--sidebar-ring:#d5d9e4;--chart-1:#d5d9e4;--chart-2:#aebed8;--page:#101113;--surface:#1b1d22;--text:#f6f7fa;--brand:#d5d9e4}
html[data-xp-theme="ocean"]{--xp-bg:#07151c;--xp-surface:#102631;--xp-surface-2:#193947;--xp-accent:#80dfed;--xp-accent-2:#92b8ff;--xp-text:#edfbff;--xp-muted:#a7c3cf;--xp-border:#2c5264;--xp-ink:#0b1020;--xp-radius:20px;--xp-glow-a:#80dfed16;--xp-glow-b:#92b8ff10;--xp-hairline:#80dfed2b;--xp-highlight:#80dfed13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#80dfed16,transparent 48%),radial-gradient(ellipse at 5% 62%,#92b8ff10,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#193947bf,#102631 62%);--xp-button-gradient:linear-gradient(110deg,#80dfed,#92b8ff);--background:#07151c;--foreground:#edfbff;--card:#102631;--card-foreground:#edfbff;--popover:#193947;--popover-foreground:#edfbff;--primary:#80dfed;--primary-foreground:#0b1020;--secondary:#193947;--secondary-foreground:#edfbff;--muted:#193947;--muted-foreground:#a7c3cf;--accent:#193947;--accent-foreground:#edfbff;--border:#2c5264;--input:#2c5264;--ring:#80dfed;--sidebar:#102631;--sidebar-foreground:#edfbff;--sidebar-primary:#80dfed;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#193947;--sidebar-accent-foreground:#80dfed;--sidebar-border:#2c5264;--sidebar-ring:#80dfed;--chart-1:#80dfed;--chart-2:#92b8ff;--page:#07151c;--surface:#102631;--text:#edfbff;--brand:#80dfed}
html[data-xp-theme="rose"]{--xp-bg:#160f1a;--xp-surface:#281c2d;--xp-surface-2:#3b2942;--xp-accent:#f4bddd;--xp-accent-2:#c6b3ff;--xp-text:#fff3fb;--xp-muted:#d1b8cf;--xp-border:#614568;--xp-ink:#0b1020;--xp-radius:22px;--xp-glow-a:#f4bddd16;--xp-glow-b:#c6b3ff10;--xp-hairline:#f4bddd2b;--xp-highlight:#f4bddd13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#f4bddd16,transparent 48%),radial-gradient(ellipse at 5% 62%,#c6b3ff10,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#3b2942bf,#281c2d 62%);--xp-button-gradient:linear-gradient(110deg,#f4bddd,#c6b3ff);--background:#160f1a;--foreground:#fff3fb;--card:#281c2d;--card-foreground:#fff3fb;--popover:#3b2942;--popover-foreground:#fff3fb;--primary:#f4bddd;--primary-foreground:#0b1020;--secondary:#3b2942;--secondary-foreground:#fff3fb;--muted:#3b2942;--muted-foreground:#d1b8cf;--accent:#3b2942;--accent-foreground:#fff3fb;--border:#614568;--input:#614568;--ring:#f4bddd;--sidebar:#281c2d;--sidebar-foreground:#fff3fb;--sidebar-primary:#f4bddd;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#3b2942;--sidebar-accent-foreground:#f4bddd;--sidebar-border:#614568;--sidebar-ring:#f4bddd;--chart-1:#f4bddd;--chart-2:#c6b3ff;--page:#160f1a;--surface:#281c2d;--text:#fff3fb;--brand:#f4bddd}
html[data-xp-theme="prism"]{--xp-bg:#0e101d;--xp-surface:#191e33;--xp-surface-2:#292f4b;--xp-accent:#bcb2ff;--xp-accent-2:#8de6ed;--xp-text:#f4f5ff;--xp-muted:#b9bfdb;--xp-border:#424968;--xp-ink:#0b1020;--xp-radius:24px;--xp-glow-a:#bcb2ff16;--xp-glow-b:#8de6ed10;--xp-hairline:#bcb2ff2b;--xp-highlight:#bcb2ff13;--xp-page-gradient:radial-gradient(ellipse at 88% 0%,#bcb2ff16,transparent 48%),radial-gradient(ellipse at 5% 62%,#8de6ed10,transparent 44%);--xp-panel-gradient:linear-gradient(135deg,#292f4bbf,#191e33 62%);--xp-button-gradient:linear-gradient(110deg,#bcb2ff,#8de6ed);--background:#0e101d;--foreground:#f4f5ff;--card:#191e33;--card-foreground:#f4f5ff;--popover:#292f4b;--popover-foreground:#f4f5ff;--primary:#bcb2ff;--primary-foreground:#0b1020;--secondary:#292f4b;--secondary-foreground:#f4f5ff;--muted:#292f4b;--muted-foreground:#b9bfdb;--accent:#292f4b;--accent-foreground:#f4f5ff;--border:#424968;--input:#424968;--ring:#bcb2ff;--sidebar:#191e33;--sidebar-foreground:#f4f5ff;--sidebar-primary:#bcb2ff;--sidebar-primary-foreground:#0b1020;--sidebar-accent:#292f4b;--sidebar-accent-foreground:#bcb2ff;--sidebar-border:#424968;--sidebar-ring:#bcb2ff;--chart-1:#bcb2ff;--chart-2:#8de6ed;--page:#0e101d;--surface:#191e33;--text:#f4f5ff;--brand:#bcb2ff}
html[data-xp-theme]:not([data-xp-theme="classic"]){color-scheme:dark;background:var(--xp-bg);color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) body{background:var(--xp-page-gradient),var(--xp-bg);color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.portal-shell,.owner-shell,.bfar-shell,.dashboard-inset){background:transparent;color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.portal-nav,.dashboard-sidebar [data-sidebar=sidebar],.sidebar-bottom){background:var(--xp-surface);border-color:var(--xp-border)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .portal-nav{background:linear-gradient(100deg,var(--xp-surface),var(--xp-bg));box-shadow:0 1px 0 var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.portal-nav-label,.account-name,.owner-heading p,.nav-caption,.connection-link,.owner-chip small,.stats span,.preview-stage-heading,.preview-caption,.preview-note,.private-note,.library-count,.rangeends,.colorcopy code){color:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.eyebrow,.welcome-label,.member-brand em,.portal-brand em,.owner-badge,.guild-monogram,.rangehead output,.paletteicon,.control-title svg){color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.panel,.guild-card,.owner-stat,.stats>div,.portal-message,.rewardrow,.payment-filters,.gateway-settings>div,.member-grant){background:var(--xp-panel-gradient);border-color:var(--xp-border);border-radius:var(--xp-radius);box-shadow:inset 0 1px 0 #ffffff06,0 12px 30px #0000000a}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-stat,.stats>div){border-top-color:var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-badge,.guild-monogram,.rangehead output){background:var(--xp-highlight);border-color:var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .side-tabs [data-slot=tabs-trigger]{color:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .side-tabs [data-slot=tabs-trigger]:hover{background:var(--xp-surface-2);color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .side-tabs [data-slot=tabs-trigger][data-state=active]{color:var(--xp-accent);background:var(--xp-surface-2);border-color:var(--xp-hairline);box-shadow:inset -3px 0 var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) [dir=ltr] .side-tabs [data-slot=tabs-trigger][data-state=active]{box-shadow:inset 3px 0 var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .owner-tabs{background:var(--xp-surface)!important}
html[data-xp-theme]:not([data-xp-theme="classic"]) .owner-tabs [data-state=active]{background:var(--xp-surface-2)!important;color:var(--xp-accent)!important;border-color:var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.primary,.discord-login):not(.danger):not([data-variant=destructive]){background:var(--xp-button-gradient);border-color:var(--xp-accent);color:var(--xp-ink);box-shadow:0 5px 24px var(--xp-highlight)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.primary,.discord-login):not(.danger):not(:disabled):hover{background:var(--xp-accent);border-color:var(--xp-accent);color:var(--xp-ink);box-shadow:0 6px 28px var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .soft:not(.danger){background:var(--xp-surface-2);border-color:var(--xp-border);color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .soft:not(.danger):not(:disabled):hover{border-color:var(--xp-accent);background:var(--xp-surface-2)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace,.portal-picker,.member-studio,#library,.library-toolbar) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select),
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.search,.library-search,.colorpicker,.custom-color){background:var(--xp-bg);border-color:var(--xp-border);color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace) :is(.choice,[data-slot=select-trigger]){background:var(--xp-bg)!important;border-color:var(--xp-border)!important;color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.search,.library-search) input{background:transparent;border:0}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace,.member-studio) :is(input,textarea)::placeholder{color:var(--xp-muted);opacity:.8}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace,.member-studio) label{color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace,.member-studio) :is(input,textarea,select):focus-visible{outline-color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace) :is(th,.payments-table th){background:var(--xp-surface-2);color:var(--xp-muted)!important;border-color:var(--xp-border)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace) :is(td,tr){border-color:var(--xp-border)!important}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace) tbody tr:hover{background:var(--xp-highlight)!important}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.owner-main,.workspace) :is(.memberid,.owner-id,.payment-subject,.billing-caption,.payment-results,.payments-table small,.payment-recipient,.xp-audit-reason,.xp-audit-id,.xp-audit-time){color:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.billing-text-button,.preview-stage-heading span:last-child,.preview-caption code){color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.preview-stage,.preview-panel){background:radial-gradient(ellipse at 50% 85%,var(--xp-glow-b),transparent 70%),linear-gradient(150deg,var(--xp-surface-2),var(--xp-bg));border-color:var(--xp-border)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.portal-login,.welcome-showcase){background:var(--xp-page-gradient),var(--xp-bg)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .portal-login:before{background:linear-gradient(var(--xp-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--xp-hairline) 1px,transparent 1px);background-size:80px 80px;opacity:.22}
html[data-xp-theme]:not([data-xp-theme="classic"]) .portal-welcome h1{color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .portal-welcome h1 span{background:var(--xp-button-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .portal-welcome :is(.welcome-main>p,.welcome-feature p){color:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .welcome-showcase{background:var(--xp-panel-gradient);border-color:var(--xp-hairline);box-shadow:0 25px 90px #00000040,inset 0 1px #ffffff0c}
html[data-xp-theme]:not([data-xp-theme="classic"]) .welcome-showcase:before{border-color:var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .welcome-signature{background:radial-gradient(ellipse,var(--xp-glow-a),transparent 67%)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .welcome-feature{border-color:var(--xp-border)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .welcome-feature:not(:first-child)>svg{color:var(--xp-accent);border-color:var(--xp-hairline);background:var(--xp-highlight)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .member-intro{border-inline-start:3px solid var(--xp-accent);padding-inline-start:20px}
html[data-xp-theme]:not([data-xp-theme="classic"]) .member-brand{border-color:var(--xp-border)}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-surface=player],html[data-xp-theme]:not([data-xp-theme="classic"]) body:has(.member-studio){--muted:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.member-studio,#library) .tile{background:var(--xp-surface);border-color:var(--xp-border);color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.member-studio,#library) .tile:not(:has(img)){background:var(--xp-panel-gradient)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.member-studio,#library) .tile small{color:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.member-studio,#library) .tile.selected{border-color:var(--xp-accent);outline-color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-surface=player] .actions{background:var(--xp-surface);box-shadow:0 12px 35px #00000055}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-surface=player] .actions:not([data-state=error]):not([data-state=saved]):not([data-state=reset]){border-color:var(--xp-border)}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-surface=player] .actions:not([data-state=error]):not([data-state=saved]):not([data-state=reset]):not([data-state=dirty]) .action-feedback strong{color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-surface=player] .actions:not([data-state=error]) .action-feedback>span{color:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-surface=player] .actions button:not(.primary):not(.danger):not([data-variant=destructive]):not(:disabled){background:var(--xp-surface-2);border-color:var(--xp-border);color:var(--xp-text)}
/* Checkout shell only: no brand logos, wallet buttons, inputs or SDK frames are recolored. */
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap>.intro .eyebrow{color:var(--xp-accent-2)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .summary{background:var(--xp-panel-gradient);border-color:var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .summary:before{background:linear-gradient(90deg,transparent,var(--xp-accent),var(--xp-accent-2),transparent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .scope{color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap :is(.muted,.currency,.summary small,.secure,.payment-note,.back){color:var(--xp-muted)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .method{background:var(--xp-surface-2);border-color:var(--xp-border);color:var(--xp-text)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .method[aria-checked=true]{background:var(--xp-highlight);border-color:var(--xp-accent);box-shadow:inset 0 0 0 1px var(--xp-hairline)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .method[aria-checked=true]:before{border-color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .selection{background:var(--xp-bg);border-color:var(--xp-border)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .selection>strong,html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .consent a{color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .consent input{accent-color:var(--xp-accent)}
html[data-xp-theme]:not([data-xp-theme="classic"]) .wrap .secondary{background:var(--xp-surface-2);border-color:var(--xp-border);color:var(--xp-text)}
/* Decoration is static and cheap; disabling it keeps a clean solid-surface theme. */
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-effects=off]{--xp-page-gradient:linear-gradient(transparent,transparent);--xp-panel-gradient:linear-gradient(var(--xp-surface),var(--xp-surface));--xp-glow-a:transparent;--xp-glow-b:transparent}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-effects=off] :is(.portal-login:before,.welcome-showcase:before){display:none}
html[data-xp-theme]:not([data-xp-theme="classic"])[data-xp-effects=off] :is(.welcome-showcase,.primary,.discord-login){box-shadow:none}
@media(prefers-reduced-motion:reduce){html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.portal-login:before,.welcome-showcase:before){animation:none;transform:none}html[data-xp-theme]:not([data-xp-theme="classic"]) :is(.guild-card,.tile,.primary,.soft,.discord-login){transition:none}}
@media(forced-colors:active){html[data-xp-theme]:not([data-xp-theme="classic"]) .portal-welcome h1 span{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}
@media(max-width:700px){html[data-xp-theme]:not([data-xp-theme="classic"]) .member-intro{padding-inline-start:14px}html[data-xp-theme]:not([data-xp-theme="classic"]) .portal-welcome h1{letter-spacing:-.5px}}

.sa-root{--sa-bg:var(--background,#090e1d);--sa-panel:var(--card,#12192c);--sa-raised:var(--muted,#1b2338);--sa-text:var(--foreground,#edf0fc);--sa-muted:var(--muted-foreground,#a8b3cd);--sa-line:var(--border,#2a3550);--sa-accent:var(--primary,#b49af7);color:var(--sa-text);font-family:Cairo,Arial,sans-serif;position:relative;min-width:0;padding-top:18px}
.sa-root *{box-sizing:border-box}.sa-root button,.sa-root input{font:inherit}.sa-root button{cursor:pointer}.sa-root button:disabled{cursor:not-allowed}.sa-root button:focus-visible,.sa-root input:focus-visible{outline:2px solid var(--sa-accent);outline-offset:4px}.sa-root h2,.sa-root h3,.sa-root p{margin:0}.sa-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.sa-heading>div{max-width:710px}.sa-eyebrow{font:700 11px/1.6 Arial,sans-serif;letter-spacing:2.7px;color:var(--sa-accent);display:block;margin-bottom:13px}.sa-heading h2{font-size:clamp(26px,3vw,38px);font-weight:850;line-height:1.6;letter-spacing:-.6px}.sa-heading p{font-size:14px;line-height:2;color:var(--sa-muted);max-width:640px;margin-top:7px}.sa-owner-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--sa-line);color:var(--sa-muted);font-size:11px;border-radius:99px;padding:8px 12px;margin-top:6px}
.sa-studio{border:1px solid var(--sa-line);border-radius:20px;padding:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--sa-accent) 6%,var(--sa-panel)),var(--sa-panel));box-shadow:0 18px 60px #00000016}.sa-studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.sa-scope{display:inline-flex;background:var(--sa-bg);padding:4px;gap:4px;border:1px solid var(--sa-line);border-radius:11px}.sa-scope button{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:7px;border:0;background:transparent;color:var(--sa-muted);font-size:12px;min-height:39px}.sa-scope button[aria-pressed=true]{color:var(--sa-text);background:var(--sa-raised);box-shadow:0 2px 7px #0002}.sa-selected-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sa-muted)}.sa-selected-label i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 15px currentColor}.sa-preview-window{border:1px solid var(--sa-p-border);border-radius:13px;overflow:hidden;background:var(--sa-p-bg);color:var(--sa-p-text);box-shadow:0 10px 32px #0003;isolation:isolate}.sa-window-bar{height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;background:var(--sa-p-surface);border-bottom:1px solid var(--sa-p-border);font:9px/1.4 Arial,sans-serif;letter-spacing:1.1px;color:var(--sa-p-muted)}.sa-window-dots{display:flex;gap:5px}.sa-window-dots i{height:5px;width:5px;border-radius:50%;background:var(--sa-p-muted);opacity:.35}.sa-preview-chip{font-family:Cairo,Arial,sans-serif;letter-spacing:0;font-size:9px;display:flex;align-items:center;gap:5px}.sa-preview-chip>span{width:4px;height:4px;background:var(--sa-p-accent);border-radius:50%}.sa-screen{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding:0 30px 26px;background:var(--sa-p-bg)}.sa-screen-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--sa-p-accent) 19%,transparent),transparent 55%),radial-gradient(ellipse at 90% 60%,color-mix(in srgb,var(--sa-p-second) 12%,transparent),transparent 52%)}.sa-screen-nav{height:54px;display:flex;align-items:center;gap:18px;border-bottom:1px solid color-mix(in srgb,var(--sa-p-border) 65%,transparent)}.sa-wordmark{font:850 15px/1 Arial,sans-serif;letter-spacing:1px}.sa-wordmark>span{color:var(--sa-p-accent)}.sa-screen-navlabel{font-size:10px;color:var(--sa-p-muted)}.sa-screen-account{margin-inline-start:auto;display:flex;align-items:center;gap:6px;color:var(--sa-p-muted);font:9px Arial,sans-serif}.sa-screen-dashboard{display:grid;grid-template-columns:1.35fr 1fr;gap:8px 28px;max-width:850px;margin:0 auto}.sa-demo-hero{padding-top:28px;position:relative;z-index:1}.sa-demo-eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--sa-p-accent);font-weight:750}.sa-demo-hero h3{font-size:clamp(18px,2.3vw,28px);line-height:1.6;letter-spacing:-.4px;margin:8px 0;font-weight:850;color:var(--sa-p-text)}.sa-demo-hero p{font-size:10px;line-height:1.9;max-width:300px;color:var(--sa-p-muted)}.sa-demo-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;color:var(--sa-p-bg);background:linear-gradient(110deg,var(--sa-p-accent),var(--sa-p-second));font-size:10px;font-weight:800;border-radius:6px;padding:9px 13px;margin-top:16px;box-shadow:0 5px 20px color-mix(in srgb,var(--sa-p-accent) 15%,transparent)}.sa-demo-signature{height:175px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:center;isolation:isolate;padding-top:7px}.sa-signature-orbit{position:absolute;width:135px;height:135px;border:1px solid color-mix(in srgb,var(--sa-p-accent) 30%,transparent);border-radius:32px;transform:rotate(30deg);background:linear-gradient(135deg,color-mix(in srgb,var(--sa-p-accent) 17%,transparent),color-mix(in srgb,var(--sa-p-second) 3%,transparent));box-shadow:0 0 50px color-mix(in srgb,var(--sa-p-accent) 12%,transparent);z-index:-1}.sa-signature-orbit:after{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--sa-p-accent) 18%,transparent);border-radius:24px}.sa-demo-signature>span{font:900 italic 65px/1 Arial,sans-serif;letter-spacing:-8px;padding-inline-end:10px;background:linear-gradient(140deg,var(--sa-p-text),var(--sa-p-accent) 50%,var(--sa-p-second));background-clip:text;-webkit-text-fill-color:transparent}.sa-demo-signature>small{font:7px/1.6 Arial,sans-serif;letter-spacing:3px;margin-top:9px;color:var(--sa-p-muted)}.sa-signature-spark{position:absolute;width:5px;height:5px;border:1px solid var(--sa-p-accent);transform:rotate(45deg)}.sa-signature-spark.s1{top:24px;inset-inline-end:18%}.sa-signature-spark.s2{bottom:16px;inset-inline-start:20%;width:3px;height:3px;background:var(--sa-p-second)}.sa-demo-bottom{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:13px;margin-top:18px}.sa-demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sa-demo-stats>div{background:linear-gradient(145deg,var(--sa-p-raised),var(--sa-p-surface));border:1px solid var(--sa-p-border);border-radius:9px;padding:12px 13px}.sa-demo-stats span{font-size:9px;color:var(--sa-p-muted)}.sa-demo-stats strong{display:block;font:700 20px/1.4 Arial,sans-serif;color:var(--sa-p-text);margin:3px 0}.sa-demo-stats i{display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sa-p-accent),var(--sa-p-second))}.sa-demo-list{border:1px solid var(--sa-p-border);border-radius:9px;padding:10px 13px;background:var(--sa-p-surface)}.sa-demo-list>span{font-size:9px;color:var(--sa-p-muted)}.sa-demo-list>div{display:flex;align-items:center;gap:7px;margin-top:9px}.sa-demo-list i{height:13px;width:13px;flex-shrink:0;background:var(--sa-p-raised);border:1px solid var(--sa-p-border);border-radius:4px}.sa-demo-list b{height:3px;width:50%;background:var(--sa-p-muted);border-radius:9px;opacity:.3}.sa-demo-list small{height:3px;width:15%;margin-inline-start:auto;background:var(--sa-p-accent);opacity:.5;border-radius:9px}.sa-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;color:var(--sa-muted);font-size:10px}.sa-preview-footer>span{display:flex;align-items:center;gap:6px}.sa-preview-footer strong{font-weight:600;color:var(--sa-text)}
.sa-screen-player{display:grid;grid-template-columns:1.45fr 1fr;gap:20px 26px;max-width:850px;margin:auto;padding-top:21px}.sa-demo-player-intro{grid-column:1/-1}.sa-demo-player-intro h3{font-size:22px;font-weight:850;line-height:1.5;margin-top:4px;color:var(--sa-p-text)}.sa-demo-player-intro p{font-size:10px;color:var(--sa-p-muted);margin-top:4px}.sa-demo-rank{position:relative;display:grid;grid-template-columns:43px 1fr;gap:13px;align-items:center;align-content:center;border:1px solid var(--sa-p-border);border-radius:11px;isolation:isolate;overflow:hidden;background:var(--sa-p-surface);padding:22px;min-height:159px}.sa-rank-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,color-mix(in srgb,var(--sa-p-accent) 15%,transparent),transparent 60%),linear-gradient(35deg,transparent 65%,color-mix(in srgb,var(--sa-p-second) 13%,transparent) 65%,transparent 86%)}.sa-demo-avatar{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;border:2px solid var(--sa-p-accent);background:var(--sa-p-raised);color:var(--sa-p-accent);font:800 16px Arial,sans-serif}.sa-demo-player-name{display:flex;flex-direction:column;gap:4px}.sa-demo-player-name strong{font-size:13px;color:var(--sa-p-text)}.sa-demo-player-name>span{font:9px Arial,sans-serif;color:var(--sa-p-muted);direction:ltr;text-align:start}.sa-demo-rank-stats{grid-column:1/-1;display:flex;gap:18px}.sa-demo-rank-stats span{font-size:8px;color:var(--sa-p-muted);display:flex;gap:8px;align-items:center}.sa-demo-rank-stats b{font:700 12px Arial,sans-serif;color:var(--sa-p-accent)}.sa-demo-progress{grid-column:1/-1;margin-top:-5px}.sa-demo-progress>span{font-size:8px;color:var(--sa-p-muted)}.sa-demo-progress>i{display:block;height:4px;background:var(--sa-p-bg);border-radius:8px;margin-top:6px;overflow:hidden}.sa-demo-progress b{display:block;width:63%;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--sa-p-accent),var(--sa-p-second))}.sa-demo-custom{display:grid;gap:12px;align-content:center;border:1px solid var(--sa-p-border);border-radius:10px;padding:15px;background:var(--sa-p-surface)}.sa-demo-custom>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.sa-demo-custom>div>span{font-size:9px;color:var(--sa-p-muted)}.sa-demo-backgrounds,.sa-demo-colors{display:flex;gap:5px}.sa-demo-backgrounds i{height:22px;width:28px;background:linear-gradient(135deg,var(--sa-p-raised),var(--sa-p-accent));border-radius:4px}.sa-demo-backgrounds i:nth-child(2){background:linear-gradient(45deg,var(--sa-p-bg),var(--sa-p-second))}.sa-demo-backgrounds i:nth-child(3){background:linear-gradient(120deg,var(--sa-p-surface),var(--sa-p-muted))}.sa-demo-colors i{height:11px;width:11px;border-radius:50%;background:var(--sa-p-accent)}.sa-demo-colors i:nth-child(2){background:var(--sa-p-second)}.sa-demo-colors i:nth-child(3){background:var(--sa-p-muted)}.sa-demo-custom .sa-demo-cta{margin-top:0;justify-content:space-between}
.sa-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 35px}.sa-option{display:flex;align-items:center;gap:13px;border:1px solid var(--sa-line);background:var(--sa-panel);padding:16px;border-radius:13px;cursor:pointer}.sa-option-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--sa-accent) 9%,transparent);color:var(--sa-accent)}.sa-option-copy{display:flex;flex-direction:column;gap:3px}.sa-option-copy strong{font-size:12px;font-weight:750}.sa-option-copy small{font-size:10px;line-height:1.8;color:var(--sa-muted)}.sa-switch{position:relative;display:inline-flex;width:35px;height:20px;flex-shrink:0;margin-inline-start:auto}.sa-switch input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}.sa-switch>span{width:100%;height:100%;background:var(--sa-raised);border:1px solid var(--sa-line);border-radius:99px;position:relative;transition:background .15s}.sa-switch>span:before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--sa-muted);transition:transform .15s}.sa-switch input:checked+span{background:var(--sa-accent);border-color:transparent}.sa-switch input:checked+span:before{background:var(--sa-bg);transform:translateX(14px)}.sa-switch input:focus-visible+span{outline:2px solid var(--sa-accent);outline-offset:4px}.sa-switch input:disabled{cursor:not-allowed}.sa-collection-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.sa-collection-head h3{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px}.sa-collection-head h3>span{font-size:10px;font-weight:600;border:1px solid var(--sa-line);border-radius:99px;padding:3px 9px;color:var(--sa-muted)}.sa-collection-head p{font-size:12px;color:var(--sa-muted);margin-top:5px}.sa-scope-caption{font-size:11px;color:var(--sa-muted);display:flex;gap:7px;align-items:center}.sa-link-notice{display:flex;align-items:center;gap:9px;color:var(--sa-accent);font-size:12px;line-height:1.9;background:color-mix(in srgb,var(--sa-accent) 6%,var(--sa-panel));border:1px solid var(--sa-line);padding:13px 16px;border-radius:10px;margin-bottom:18px!important}.sa-link-notice svg{flex-shrink:0}.sa-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.sa-root .sa-theme{background:var(--sa-panel);border:1px solid var(--sa-line);border-radius:13px;padding:6px;text-align:start;display:flex;flex-direction:column;overflow:hidden;color:var(--sa-text);transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0;opacity:1}.sa-root .sa-theme:disabled{opacity:.65}.sa-root .sa-theme:hover:not(:disabled){border-color:color-mix(in srgb,var(--sa-choice) 65%,var(--sa-line));transform:translateY(-2px);box-shadow:0 9px 24px #0002}.sa-root .sa-theme.is-selected{border-color:var(--sa-choice);box-shadow:0 0 0 1px color-mix(in srgb,var(--sa-choice) 24%,transparent),0 5px 25px color-mix(in srgb,var(--sa-choice) 8%,transparent)}.sa-theme-text{padding:12px 8px 7px;display:flex;flex-direction:column;flex:1}.sa-theme-title{font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:7px}.sa-theme-check{display:grid;place-items:center;border-radius:50%;height:19px;width:19px;background:var(--sa-choice);color:#101320;flex-shrink:0}.sa-theme-description{display:block;font-size:10px;color:var(--sa-muted);line-height:1.8;margin-top:3px;min-height:18px}.sa-theme-meta{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:9px;min-height:18px}.sa-swatches{display:flex;padding-inline-start:3px}.sa-swatches i{display:block;height:15px;width:15px;border:2px solid var(--sa-panel);border-radius:50%;margin-inline-start:-3px;box-shadow:0 0 0 .5px #ffffff20}.sa-live-label{font-size:9px;display:flex;align-items:center;gap:5px;color:var(--sa-muted)}.sa-live-label>span{background:#88dcbd;width:4px;height:4px;border-radius:50%}.sa-theme-category{font-size:8px;color:var(--sa-muted);letter-spacing:.4px;opacity:.65}.sa-mini{display:block;height:100px;position:relative;isolation:isolate;overflow:hidden;background:var(--sa-p-bg);border-radius:8px;border:1px solid var(--sa-p-border);width:100%;text-align:start}.sa-mini-nav{display:flex;align-items:center;height:14px;border-bottom:1px solid var(--sa-p-border);padding:0 8px;gap:3px;background:var(--sa-p-surface)}.sa-mini-nav>i{display:block;width:3px;height:3px;border-radius:50%;background:var(--sa-p-muted);opacity:.45}.sa-mini-nav>i:first-child{background:var(--sa-p-accent);opacity:1;width:10px;border-radius:2px;margin-inline-end:auto}.sa-mini-grid{display:flex;height:calc(100% - 14px);position:relative;z-index:1}.sa-mini-side{width:22px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:8px;padding-top:12px;border-inline-end:1px solid color-mix(in srgb,var(--sa-p-border) 55%,transparent)}.sa-mini-side>i{width:5px;height:5px;border-radius:2px;background:var(--sa-p-muted);opacity:.3}.sa-mini-side>i:first-child{background:var(--sa-p-accent);opacity:1}.sa-mini-body{padding:10px;display:flex;flex-direction:column;width:100%;gap:7px}.sa-mini-title{display:block;height:3px;width:46%;background:var(--sa-p-text);border-radius:3px;opacity:.8}.sa-mini-hero{display:flex;align-items:center;justify-content:space-between;height:24px}.sa-mini-hero>i{height:8px;width:31%;border-radius:3px;background:linear-gradient(110deg,var(--sa-p-accent),var(--sa-p-second))}.sa-mini-hero>b{height:24px;width:24px;margin-inline-end:12px;transform:rotate(25deg);border:1px solid color-mix(in srgb,var(--sa-p-accent) 65%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--sa-p-accent) 35%,transparent),color-mix(in srgb,var(--sa-p-second) 5%,transparent));border-radius:6px;box-shadow:0 0 20px color-mix(in srgb,var(--sa-p-accent) 20%,transparent)}.sa-mini-tiles{display:flex;gap:5px}.sa-mini-tiles>i{height:20px;flex:1;background:linear-gradient(140deg,var(--sa-p-raised),var(--sa-p-surface));border:1px solid var(--sa-p-border);border-radius:4px}.sa-mini-orb{position:absolute;inset:12px 0 0;z-index:0;background:radial-gradient(ellipse at 18% 12%,color-mix(in srgb,var(--sa-p-accent) 20%,transparent),transparent 60%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--sa-p-second) 15%,transparent),transparent 60%)}
.sa-protect{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:var(--sa-muted);line-height:2;margin-top:22px!important;padding:0 2px}.sa-protect>svg{flex-shrink:0;margin-top:3px;color:var(--sa-accent)}.sa-savebar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;bottom:16px;z-index:20;background:color-mix(in srgb,var(--sa-panel) 96%,transparent);border:1px solid var(--sa-line);box-shadow:0 10px 35px #0005;border-radius:14px;padding:15px 18px;margin-top:25px}.sa-save-state{display:flex;align-items:center;gap:10px}.sa-save-state>div{display:flex;flex-direction:column;gap:3px}.sa-save-state strong{font-size:12px;font-weight:750}.sa-save-state small{font-size:9px;color:var(--sa-muted);line-height:1.7}.sa-state-dot{background:#88dcbd;box-shadow:0 0 0 4px #88dcbd0c;width:6px;height:6px;border-radius:50%;flex-shrink:0}.sa-state-dot.pending{background:#e8be7e;box-shadow:0 0 0 4px #e8be7e0c}.sa-save-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.sa-root .sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:750;border:1px solid var(--sa-line);border-radius:9px;padding:10px 14px;min-height:40px;white-space:nowrap;text-decoration:none;line-height:1.5}.sa-root .sa-btn-primary{background:var(--sa-accent);border-color:transparent;color:var(--sa-bg);box-shadow:0 3px 14px color-mix(in srgb,var(--sa-accent) 12%,transparent)}.sa-root .sa-btn-primary:disabled{opacity:.45;box-shadow:none}.sa-root .sa-btn-quiet{color:var(--sa-text);background:transparent}.sa-root .sa-reset,.sa-root .sa-link-button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--sa-muted);font-size:10px;padding:7px;min-height:36px}.sa-root .sa-reset:hover,.sa-root .sa-link-button:hover{color:var(--sa-text)}.sa-root .sa-link-button{text-decoration:underline;text-underline-offset:3px;color:inherit}.sa-notice{display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:11px;margin-top:20px;font-size:12px;line-height:1.8;border:1px solid}.sa-notice>svg{flex-shrink:0}.sa-notice-error{background:#261923;color:#ffd0d5;border-color:#734252}.sa-notice-success{background:#102720;color:#a9e3ca;border-color:#2e5948}.sa-root .sa-dismiss{border:0;background:transparent;color:inherit;margin-inline-start:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:5px;flex-shrink:0}.sa-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--sa-muted);font-size:14px;border:1px solid var(--sa-line);border-radius:15px;background:var(--sa-panel);padding:40px 20px;text-align:center}.sa-loading>svg{color:var(--sa-accent)}.sa-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sa-spin{animation:sa-spin 1s linear infinite}@keyframes sa-spin{to{transform:rotate(360deg)}}
.sa-preview-window[data-sa-effects=off] .sa-screen-glow{display:none}.sa-preview-window[data-sa-effects=off] .sa-signature-orbit{box-shadow:none;background:var(--sa-p-surface)}.sa-preview-window[data-sa-effects=off] .sa-demo-cta{background:var(--sa-p-accent);box-shadow:none}.sa-preview-window[data-sa-effects=off] .sa-demo-stats>div{background:var(--sa-p-surface)}
@media(min-width:1450px){.sa-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.sa-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-owner-chip{display:none}.sa-savebar{align-items:flex-start;gap:12px}.sa-save-state small{max-width:220px}.sa-save-actions{gap:7px}.sa-reset{order:3}.sa-screen{padding-inline:22px}}
@media(max-width:720px){.sa-heading{margin-bottom:20px}.sa-heading h2{font-size:27px}.sa-heading p{font-size:12px}.sa-options{grid-template-columns:1fr;gap:10px;margin-bottom:27px}.sa-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.sa-studio{padding:12px;border-radius:15px}.sa-scope button{font-size:10px;padding:8px 10px;gap:5px}.sa-selected-label{font-size:10px}.sa-screen{padding:0 17px 20px;min-height:320px}.sa-screen-dashboard{grid-template-columns:1.3fr .7fr;gap:10px}.sa-demo-signature{height:130px}.sa-signature-orbit{width:85px;height:85px;border-radius:22px}.sa-signature-orbit:after{inset:6px;border-radius:17px}.sa-demo-signature>span{font-size:44px;letter-spacing:-6px}.sa-demo-signature>small{font-size:5px;letter-spacing:2px}.sa-demo-hero h3{font-size:20px}.sa-demo-hero p{font-size:9px}.sa-demo-bottom{grid-template-columns:1fr;margin-top:14px;gap:0}.sa-demo-list{display:none}.sa-demo-stats>div{padding:10px}.sa-screen-player{grid-template-columns:1.3fr 1fr;gap:15px}.sa-demo-rank{padding:15px;grid-template-columns:34px 1fr;gap:10px;min-height:140px}.sa-demo-avatar{width:34px;height:34px;font-size:12px}.sa-demo-player-name strong{font-size:10px}.sa-demo-custom{padding:12px;gap:11px}.sa-demo-backgrounds i{width:18px;height:18px}.sa-demo-custom>div{flex-wrap:wrap;gap:6px}.sa-preview-footer{font-size:9px;gap:7px}.sa-collection-head h3{font-size:19px}.sa-scope-caption{display:none}.sa-savebar{flex-wrap:wrap;padding:13px;bottom:8px;gap:13px}.sa-save-state{flex:1}.sa-save-state small{max-width:none}.sa-save-actions{width:100%;justify-content:flex-end}.sa-save-actions .sa-reset{order:0;margin-inline-end:auto;font-size:9px;padding-inline:0}.sa-root .sa-btn{font-size:10px;padding:9px 11px;min-height:38px}.sa-protect{font-size:10px}.sa-theme-text{padding:10px 6px 5px}.sa-theme-title{font-size:12px}.sa-theme-description{font-size:9px}.sa-mini{height:96px}}
@media(max-width:420px){.sa-heading h2{font-size:24px}.sa-heading p{font-size:11px}.sa-studio-toolbar{flex-wrap:wrap;gap:10px}.sa-selected-label{margin-inline-start:auto}.sa-window-bar{padding-inline:10px;font-size:8px}.sa-window-dots{display:none}.sa-screen-nav{gap:12px}.sa-screen{padding-inline:12px;min-height:300px}.sa-demo-hero{padding-top:22px}.sa-demo-hero h3{font-size:18px}.sa-demo-signature{height:115px}.sa-signature-orbit{width:67px;height:67px;border-radius:17px}.sa-demo-signature>span{font-size:35px;letter-spacing:-5px}.sa-demo-signature>small{font-size:4px}.sa-demo-cta{font-size:9px;gap:8px;padding:8px 10px}.sa-demo-bottom{margin-top:11px}.sa-demo-stats>div{padding:8px}.sa-demo-stats span{font-size:8px}.sa-screen-player{grid-template-columns:1fr;gap:12px;padding-top:16px}.sa-demo-player-intro h3{font-size:19px}.sa-demo-rank{min-height:130px}.sa-demo-custom{display:none}.sa-options{gap:8px}.sa-option{padding:13px;gap:10px}.sa-option-copy strong{font-size:11px}.sa-option-copy small{font-size:9px}.sa-option-icon{width:30px;height:30px}.sa-save-actions{gap:8px}.sa-save-actions .sa-reset{flex-basis:100%;justify-content:flex-start;min-height:25px}.sa-save-actions .sa-btn-primary{flex:1}.sa-savebar{position:relative;bottom:auto}.sa-collection-head p{font-size:11px}.sa-theme-description{min-height:30px;line-height:1.7}.sa-mini-side{width:17px}.sa-mini-body{padding:9px 7px}.sa-mini-hero>b{margin-inline-end:6px}}
@media(prefers-reduced-motion:reduce){.sa-root *,.sa-root *:before{animation:none!important;transition:none!important}.sa-root .sa-theme:hover:not(:disabled){transform:none}}
/* Keep owner controls readable; only the illustrative screens use miniature type. */
.sa-heading p{font-size:14px}.sa-owner-chip{font-size:12px}.sa-scope button{font-size:13px}.sa-selected-label{font-size:12px}.sa-preview-footer{font-size:12px;line-height:1.8}.sa-option-copy strong{font-size:14px}.sa-option-copy small{font-size:12px}.sa-collection-head p,.sa-scope-caption{font-size:13px}.sa-collection-head h3>span{font-size:12px}.sa-theme-title{font-size:15px}.sa-theme-description{font-size:12px;min-height:44px}.sa-theme-meta{margin-top:auto;padding-top:13px}.sa-live-label{font-size:11px}.sa-theme-category{font-size:10px}.sa-protect{font-size:12px}.sa-save-state strong{font-size:13px}.sa-save-state small{font-size:11px}.sa-root .sa-btn{font-size:13px;min-height:44px}.sa-root .sa-reset,.sa-root .sa-link-button{font-size:12px}.sa-notice,.sa-link-notice{font-size:13px}
@media(max-width:720px){.sa-heading p{font-size:13px}.sa-scope button{font-size:12px;min-height:42px}.sa-preview-footer{font-size:11px}.sa-option-copy strong{font-size:13px}.sa-option-copy small{font-size:12px}.sa-theme-title{font-size:14px}.sa-theme-description{font-size:12px;min-height:44px}.sa-root .sa-btn{font-size:12px;min-height:44px}.sa-save-actions .sa-reset{font-size:12px}.sa-protect{font-size:12px}.sa-collection-head p{font-size:12px}.sa-save-state small{font-size:11px}}
@media(max-width:420px){.sa-heading p{font-size:13px}.sa-studio-toolbar{display:block}.sa-scope{display:flex}.sa-scope button{flex:1}.sa-selected-label{justify-content:flex-end;margin-top:10px}.sa-option-copy strong{font-size:13px}.sa-option-copy small{font-size:12px}.sa-theme-text{padding-inline:5px}.sa-theme-title{font-size:13px}.sa-theme-description{font-size:12px;min-height:60px}.sa-option-icon{display:none}.sa-save-actions .sa-reset{min-height:36px}}
