/* STATIX 8.4.3 — complete palettes shared by public pages, settings and modules. */
html[data-palette="midnight"] {
  --sx-bg:#0b1020; --sx-bg-soft:#10172b; --sx-panel:#141d34; --sx-panel-2:#1a2540; --sx-panel-3:#222f4e;
  --sx-text:#eef3ff; --sx-text-2:#c3cee5; --sx-muted:#91a0be; --sx-line:#283755; --sx-line-strong:#3b4e72;
  --sx-accent:#8caeff; --sx-accent-2:#bdd0ff; --sx-accent-soft:rgba(120,159,250,.16); --sx-on-accent:#091327;
  --sx-green:#74d9b3; --sx-yellow:#f1c36e; --sx-red:#f08d9d; --sx-blue:#79c4ef;
}
html[data-palette="ocean"] {
  --sx-bg:#081619; --sx-bg-soft:#0d1d21; --sx-panel:#12272b; --sx-panel-2:#193238; --sx-panel-3:#214148;
  --sx-text:#eaf8f5; --sx-text-2:#bad4cf; --sx-muted:#86aaa4; --sx-line:#254248; --sx-line-strong:#3a6065;
  --sx-accent:#50c5b1; --sx-accent-2:#91e6d4; --sx-accent-soft:rgba(80,197,177,.16); --sx-on-accent:#05201c;
  --sx-green:#73d8a8; --sx-yellow:#e5c36e; --sx-red:#ef8e8a; --sx-blue:#6ecbee;
}
html[data-palette="emerald"] {
  --sx-bg:#0d1813; --sx-bg-soft:#122019; --sx-panel:#18271f; --sx-panel-2:#203329; --sx-panel-3:#2a4033;
  --sx-text:#eef8f0; --sx-text-2:#c5d9ca; --sx-muted:#91aa98; --sx-line:#2d4737; --sx-line-strong:#45634e;
  --sx-accent:#55c690; --sx-accent-2:#9be4b9; --sx-accent-soft:rgba(85,198,144,.16); --sx-on-accent:#082016;
  --sx-green:#78dca5; --sx-yellow:#d5ad64; --sx-red:#e98787; --sx-blue:#7bbbd3;
}
html[data-palette="amethyst"] {
  --sx-bg:#130f1d; --sx-bg-soft:#191426; --sx-panel:#201a30; --sx-panel-2:#2a2240; --sx-panel-3:#362d50;
  --sx-text:#f6f1ff; --sx-text-2:#d1c6e6; --sx-muted:#a79abf; --sx-line:#39314b; --sx-line-strong:#514567;
  --sx-accent:#b18cff; --sx-accent-2:#d0baff; --sx-accent-soft:rgba(177,140,255,.17); --sx-on-accent:#1d1233;
  --sx-green:#79d7ad; --sx-yellow:#e6c274; --sx-red:#ee91a2; --sx-blue:#80c8ff;
}
html[data-palette="rose"] {
  --sx-bg:#1a1015; --sx-bg-soft:#23161c; --sx-panel:#2a1b22; --sx-panel-2:#35212a; --sx-panel-3:#432a35;
  --sx-text:#fff2f5; --sx-text-2:#e2c7ce; --sx-muted:#b99ba4; --sx-line:#4b333d; --sx-line-strong:#64444f;
  --sx-accent:#ef8ba7; --sx-accent-2:#ffc1d0; --sx-accent-soft:rgba(239,139,167,.16); --sx-on-accent:#31131d;
  --sx-green:#7bd8aa; --sx-yellow:#edc987; --sx-red:#ff9a9b; --sx-blue:#85c4df;
}
html[data-palette="sunset"] {
  --sx-bg:#19110e; --sx-bg-soft:#231813; --sx-panel:#2e1e17; --sx-panel-2:#39271e; --sx-panel-3:#493228;
  --sx-text:#fff3e9; --sx-text-2:#e7cbb7; --sx-muted:#bf9c87; --sx-line:#55392d; --sx-line-strong:#704a39;
  --sx-accent:#f0a66c; --sx-accent-2:#ffd0a4; --sx-accent-soft:rgba(240,166,108,.16); --sx-on-accent:#331b0b;
  --sx-green:#8bd4a8; --sx-yellow:#f2c66f; --sx-red:#f18d7d; --sx-blue:#84bed0;
}
html[data-palette="nord"] {
  --sx-bg:#10161c; --sx-bg-soft:#161e26; --sx-panel:#1c2730; --sx-panel-2:#24323d; --sx-panel-3:#2e3f4b;
  --sx-text:#eff5f7; --sx-text-2:#c8d6da; --sx-muted:#94a8af; --sx-line:#33464f; --sx-line-strong:#4b626d;
  --sx-accent:#9cc6da; --sx-accent-2:#c4e1eb; --sx-accent-soft:rgba(156,198,218,.16); --sx-on-accent:#10212a;
  --sx-green:#a6c5b5; --sx-yellow:#e3c78b; --sx-red:#e9a1a4; --sx-blue:#91cbe3;
}
html[data-palette="sakura"] {
  --sx-bg:#1a1118; --sx-bg-soft:#231820; --sx-panel:#2b2029; --sx-panel-2:#382934; --sx-panel-3:#473444;
  --sx-text:#fff2f7; --sx-text-2:#e2c9d6; --sx-muted:#b99faf; --sx-line:#4d3849; --sx-line-strong:#674a60;
  --sx-accent:#db8eaa; --sx-accent-2:#f6bfd1; --sx-accent-soft:rgba(219,142,170,.16); --sx-on-accent:#321826;
  --sx-green:#83d4b3; --sx-yellow:#e7c27f; --sx-red:#f08ca3; --sx-blue:#98b9de;
}
html[data-palette="graphite"] {
  --sx-bg:#121418; --sx-bg-soft:#191c22; --sx-panel:#20242c; --sx-panel-2:#292e38; --sx-panel-3:#343a46;
  --sx-text:#f3f5f9; --sx-text-2:#c9ced8; --sx-muted:#9ba3b2; --sx-line:#383e49; --sx-line-strong:#505866;
  --sx-accent:#abbacf; --sx-accent-2:#d2dceb; --sx-accent-soft:rgba(171,186,207,.16); --sx-on-accent:#171d27;
  --sx-green:#83cfad; --sx-yellow:#dfc27c; --sx-red:#e9949b; --sx-blue:#82a6c6;
}
html[data-palette="forest"] {
  --sx-bg:#11130f; --sx-bg-soft:#171914; --sx-panel:#1b1e18; --sx-panel-2:#22251e; --sx-panel-3:#292d25;
  --sx-text:#f5f2e9; --sx-text-2:#d0cfc5; --sx-muted:#a3a498; --sx-line:#36392f; --sx-line-strong:#4a4d40;
  --sx-accent:#b7985c; --sx-accent-2:#dfc58e; --sx-accent-soft:rgba(200,169,105,.14); --sx-on-accent:#211e16;
  --sx-green:#87c6a1; --sx-yellow:#e0b86b; --sx-red:#e7898c; --sx-blue:#87b5bd;
}

/* Light mode keeps the same accent identity while giving every palette clear paper surfaces. */
html[data-theme="light"][data-palette] {
  color-scheme:light;
  --sx-bg:#f1f4fa; --sx-bg-soft:#e9eef7; --sx-panel:#ffffff; --sx-panel-2:#f7f9fd; --sx-panel-3:#edf1f8;
  --sx-text:#202633; --sx-text-2:#465164; --sx-muted:#667286; --sx-line:#d8dfeb; --sx-line-strong:#bec9da;
  --sx-green:#287451; --sx-yellow:#8a6013; --sx-red:#ad3e4a; --sx-blue:#376d91;
  --sx-shadow:0 20px 55px rgba(30,43,65,.09); --sx-shadow-soft:0 8px 26px rgba(30,43,65,.06);
}
html[data-theme="light"][data-palette="midnight"] { --sx-bg:#edf2fc; --sx-bg-soft:#e3eafa; --sx-panel:#fff; --sx-panel-2:#f5f8ff; --sx-panel-3:#eaf0fb; --sx-accent:#4369c8; --sx-accent-2:#3252a2; --sx-accent-soft:rgba(67,105,200,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="ocean"] { --sx-bg:#edf7f6; --sx-bg-soft:#e2f1ef; --sx-panel:#fff; --sx-panel-2:#f4fbfa; --sx-panel-3:#e8f4f2; --sx-accent:#176f68; --sx-accent-2:#125b56; --sx-accent-soft:rgba(23,111,104,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="emerald"] { --sx-bg:#eff7f1; --sx-bg-soft:#e5f1e8; --sx-panel:#fff; --sx-panel-2:#f5faf6; --sx-panel-3:#eaf3ec; --sx-accent:#28724d; --sx-accent-2:#205d3f; --sx-accent-soft:rgba(40,114,77,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="amethyst"] { --sx-bg:#f4f0fa; --sx-bg-soft:#ece5f7; --sx-panel:#fff; --sx-panel-2:#faf7ff; --sx-panel-3:#f0eafb; --sx-accent:#7044ad; --sx-accent-2:#5d3991; --sx-accent-soft:rgba(112,68,173,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="rose"] { --sx-bg:#fbf0f3; --sx-bg-soft:#f5e5ea; --sx-panel:#fff; --sx-panel-2:#fff8fa; --sx-panel-3:#f8ebef; --sx-accent:#a53c5e; --sx-accent-2:#8c2f4e; --sx-accent-soft:rgba(165,60,94,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="sunset"] { --sx-bg:#fbf2eb; --sx-bg-soft:#f4e8dd; --sx-panel:#fff; --sx-panel-2:#fff9f4; --sx-panel-3:#f8eee5; --sx-accent:#9a4b17; --sx-accent-2:#803d12; --sx-accent-soft:rgba(154,75,23,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="nord"] { --sx-bg:#eef4f6; --sx-bg-soft:#e4edf0; --sx-panel:#fff; --sx-panel-2:#f6fafb; --sx-panel-3:#eaf1f3; --sx-accent:#496779; --sx-accent-2:#385565; --sx-accent-soft:rgba(73,103,121,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="sakura"] { --sx-bg:#faf1f7; --sx-bg-soft:#f3e8f0; --sx-panel:#fff; --sx-panel-2:#fff8fc; --sx-panel-3:#f7edf5; --sx-accent:#9f4965; --sx-accent-2:#843a53; --sx-accent-soft:rgba(159,73,101,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="graphite"] { --sx-bg:#f0f2f5; --sx-bg-soft:#e7eaef; --sx-panel:#fff; --sx-panel-2:#f8f9fb; --sx-panel-3:#eef0f4; --sx-accent:#4d5968; --sx-accent-2:#3c4654; --sx-accent-soft:rgba(77,89,104,.11); --sx-on-accent:#fff; }
html[data-theme="light"][data-palette="forest"] { --sx-bg:#f4f1e8; --sx-bg-soft:#eeeade; --sx-panel:#fffdf7; --sx-panel-2:#f8f5ec; --sx-panel-3:#efeadd; --sx-text:#27271f; --sx-text-2:#4f5047; --sx-muted:#74766c; --sx-line:#ded9ca; --sx-line-strong:#c9c1ae; --sx-accent:#805c27; --sx-accent-2:#6a491c; --sx-accent-soft:rgba(128,92,39,.11); --sx-on-accent:#fff; --sx-green:#317a57; --sx-yellow:#976516; --sx-red:#b64a50; --sx-blue:#527f87; }

/* Rebind legacy design-system aliases so every component follows the chosen palette. */
html[data-palette] {
  --bg:var(--sx-bg); --panel:var(--sx-panel); --panel-2:var(--sx-panel-2); --border:var(--sx-line);
  --text:var(--sx-text); --text-soft:var(--sx-text-2); --text-muted:var(--sx-muted); --accent:var(--sx-accent);
  --v7-bg:var(--sx-bg); --v7-bg-2:var(--sx-bg-soft); --v7-surface:var(--sx-panel); --v7-surface-2:var(--sx-panel-2); --v7-surface-3:var(--sx-panel-3);
  --v7-line:color-mix(in srgb,var(--sx-line) 76%,transparent); --v7-line-strong:color-mix(in srgb,var(--sx-line-strong) 78%,transparent);
  --v7-text:var(--sx-text); --v7-soft:var(--sx-text-2); --v7-muted:var(--sx-muted); --v7-accent:var(--sx-accent); --v7-accent-2:var(--sx-accent-2); --v7-accent-soft:var(--sx-accent-soft);
  --m84-accent:var(--sx-accent); --m84-accent-2:var(--sx-accent-2);
}
html[data-theme="dark"][data-palette] { color-scheme:dark; }
html[data-palette] body.statix-v7, html[data-palette] body.statix-v8,
html[data-palette] body.statix-v7-public, html[data-palette] body.statix-v8-public {
  background-color:var(--sx-bg)!important; color:var(--sx-text)!important;
  background-image:radial-gradient(ellipse at 9% -8%,color-mix(in srgb,var(--sx-accent) 12%,transparent),transparent 34%),radial-gradient(ellipse at 92% 4%,color-mix(in srgb,var(--sx-blue) 9%,transparent),transparent 30%),linear-gradient(180deg,var(--sx-bg-soft),var(--sx-bg) 46%)!important;
}
html[data-theme="light"][data-palette] body.statix-v7, html[data-theme="light"][data-palette] body.statix-v8,
html[data-theme="light"][data-palette] body.statix-v7-public, html[data-theme="light"][data-palette] body.statix-v8-public {
  background-image:radial-gradient(ellipse at 92% 0%,color-mix(in srgb,var(--sx-accent) 11%,transparent),transparent 34%),linear-gradient(180deg,var(--sx-bg-soft),var(--sx-bg) 50%)!important;
}
html[data-palette] ::selection { background:var(--sx-accent-soft); }
html[data-palette] body.statix-module-page {
  --elite-bg:var(--sx-bg)!important; --elite-surface:var(--sx-panel)!important; --elite-raised:var(--sx-panel-2)!important;
  --elite-stroke:var(--sx-line)!important; --elite-ink:var(--sx-text)!important; --elite-copy:var(--sx-text-2)!important;
  --elite-muted:var(--sx-muted)!important; --elite-gold:var(--sx-accent)!important; --elite-gold-soft:var(--sx-accent-soft)!important;
  --elite-green:var(--sx-green)!important; --elite-red:var(--sx-red)!important;
  --m84-stroke:var(--sx-line)!important; --m84-panel:var(--sx-panel)!important; --m84-lift:var(--sx-panel-2)!important;
  --m84-ink:var(--sx-text)!important; --m84-copy:var(--sx-text-2)!important; --m84-muted:var(--sx-muted)!important;
  --m84-surface:var(--sx-panel)!important; --m84-raised:var(--sx-panel-2)!important; --m84-line:var(--sx-line)!important;
  background-color:var(--sx-bg)!important; color:var(--sx-text)!important;
}
html[data-palette] body.statix-module-page :is(.page-header,.module-header,.cc-hero,.chat-hero,.core-hero,.adv-hero,.commands-head,.pv84-hero,.afk-head,.modules-hero) {
  border-color:var(--sx-line)!important;
  background:radial-gradient(ellipse at 92% 0%,var(--sx-accent-soft),transparent 42%),linear-gradient(145deg,var(--sx-panel-2),var(--sx-panel))!important;
}
html[data-palette] body.statix-module-page :is(.btn-primary,.btn.btn-primary,.entity-modal-done) {
  border-color:color-mix(in srgb,var(--sx-accent) 50%,transparent)!important;
  color:var(--sx-on-accent)!important;
  background:linear-gradient(135deg,var(--sx-accent-2),var(--sx-accent))!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--sx-accent) 20%,transparent)!important;
}
html[data-palette] body.statix-module-page :is(.module-filter.active,.entity-modal-option.selected,.afk-tab.active,.role-option.selected) {
  border-color:color-mix(in srgb,var(--sx-accent) 55%,var(--sx-line))!important;
  background:var(--sx-accent-soft)!important; color:var(--sx-text)!important;
}
html[data-palette] body.statix-v7 :is(.btn-primary,.btn-admin.primary),
html[data-palette] body.statix-v8 :is(.btn-primary,.btn-admin.primary),
html[data-palette] body.statix-v7-public .btn-primary, html[data-palette] body.statix-v8-public .btn-primary {
  border-color:color-mix(in srgb,var(--sx-accent) 50%,transparent)!important;
  color:var(--sx-on-accent)!important; background:linear-gradient(135deg,var(--sx-accent-2),var(--sx-accent))!important;
  box-shadow:0 9px 24px color-mix(in srgb,var(--sx-accent) 20%,transparent)!important;
}
html[data-theme="light"][data-palette] .settings-shell .settings-panel,
html[data-theme="light"][data-palette] .settings-shell .placement-card,
html[data-theme="light"][data-palette] .settings-shell .question,
html[data-theme="light"][data-palette] .settings-shell .dm-card,
html[data-theme="light"][data-palette] .settings-shell .server-card,
html[data-theme="light"][data-palette] .settings-shell .saved,
html[data-theme="light"][data-palette] .settings-shell .preset {
  border-color:var(--sx-line)!important; background:var(--sx-panel-2)!important; color:var(--sx-text)!important;
}
html[data-theme="light"][data-palette] .settings-shell .field input:not([type=checkbox]):not([type=color]):not([type=file]),
html[data-theme="light"][data-palette] .settings-shell .field textarea,html[data-theme="light"][data-palette] .settings-shell .field select,
html[data-theme="light"][data-palette] .settings-shell .placement-card select,html[data-theme="light"][data-palette] .settings-shell .search,
html[data-theme="light"][data-palette] .settings-shell .channel-menu input,html[data-theme="light"][data-palette] .settings-shell .save-template input,
html[data-theme="light"][data-palette] .settings-shell .server-name,html[data-theme="light"][data-palette] .settings-shell .server-emoji,
html[data-theme="light"][data-palette] .settings-shell .server-description {
  border-color:var(--sx-line)!important; background:var(--sx-bg-soft)!important; color:var(--sx-text)!important; color-scheme:light;
}

/* Music uses label.switch for a full-width setting row, while the shared
   interface uses .switch for a 42px slider. Undo that collision on module pages. */
body.statix-module-page label.switch {
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important;
  box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important;
  height:auto!important; min-height:0!important; flex:1 1 auto!important;
}
body.statix-module-page label.switch > span:first-child { flex:1 1 0%!important; min-width:0!important; max-width:100%!important; }

/* Prevent global input sizing from squeezing labels into a one-character column. */
body.statix-module-page input[type="checkbox"],body.statix-module-page input[type="radio"] {
  box-sizing:border-box!important; width:18px!important; min-width:18px!important; max-width:18px!important;
  height:18px!important; min-height:18px!important; padding:0!important; flex:0 0 18px!important;
}
body.statix-module-page :is(.switch,.switch-row,.switch-row2,.switchbox,.small-switch,.cc-master,.pv84-switch) > span:first-child,
body.statix-module-page :is(.switch-copy,.switch-copy2) {
  flex:1 1 0%!important; min-width:0!important; max-width:100%!important;
}
@media(max-width:900px) {
  body.statix-module-page :is(.grid,.grid-3,.settings-grid,.mini-grid,.compact-grid,.cc-grid,.cc-fields,.core-grid,.adv-grid,.command-grid,.job-standard-grid,.request-info,.time-grid,.feature-grid,.command-hero-grid,.preset-grid,.panel-grid) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.statix-module-page .pv84-grid { grid-template-columns:minmax(0,1fr)!important; }
}

/* Compact, keyboard-friendly theme picker. */
.statix-theme-dialog {
  z-index:2147483200; width:min(690px,calc(100vw - 28px)); max-width:none; max-height:min(88dvh,850px);
  margin:auto; padding:0; overflow:hidden; border:1px solid var(--sx-line-strong); border-radius:24px;
  color:var(--sx-text); background:var(--sx-panel); box-shadow:0 32px 100px rgba(0,0,0,.48);
}
.statix-theme-dialog::backdrop { background:rgba(3,6,13,.7); backdrop-filter:blur(8px); }
.statix-theme-dialog-inner { max-height:min(88dvh,850px); overflow:auto; padding:clamp(18px,4vw,30px); }
.statix-theme-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.statix-theme-dialog-head h2 { margin:5px 0 0; color:var(--sx-text); font-size:clamp(22px,4vw,30px); line-height:1.12; letter-spacing:-.04em; }
.statix-theme-dialog-head p { max-width:470px; margin:8px 0 0; color:var(--sx-muted); font-size:13px; line-height:1.55; }
.statix-theme-kicker { color:var(--sx-accent-2); font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.statix-theme-dialog :is(button) { font:inherit; cursor:pointer; }
.statix-theme-close { flex:0 0 40px; width:40px; height:40px; border:1px solid var(--sx-line); border-radius:13px; color:var(--sx-text-2); background:var(--sx-panel-2); font-size:25px!important; line-height:1; }
.statix-theme-mode { display:flex; width:max-content; max-width:100%; gap:4px; margin:20px 0 13px; padding:4px; border:1px solid var(--sx-line); border-radius:14px; background:var(--sx-bg-soft); }
.statix-theme-mode button { min-height:38px; padding:8px 13px; border:1px solid transparent; border-radius:10px; color:var(--sx-muted); background:transparent; font-size:12px; font-weight:760; }
.statix-theme-mode button[aria-pressed="true"] { border-color:color-mix(in srgb,var(--sx-accent) 35%,var(--sx-line)); color:var(--sx-accent-2); background:var(--sx-accent-soft); }
.statix-theme-mode button span { margin-left:5px; }
.statix-theme-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.statix-theme-option { display:grid; grid-template-columns:45px minmax(0,1fr) 18px; align-items:center; gap:11px; min-width:0; min-height:68px; padding:10px 11px; border:1px solid var(--sx-line); border-radius:15px; color:var(--sx-text); text-align:left; background:var(--sx-panel-2); transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.statix-theme-option:hover { transform:translateY(-1px); border-color:var(--sx-line-strong); }
.statix-theme-option.is-selected { border-color:color-mix(in srgb,var(--sx-accent) 64%,var(--sx-line)); background:color-mix(in srgb,var(--sx-accent) 9%,var(--sx-panel-2)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sx-accent) 16%,transparent); }
.statix-theme-swatches { display:flex; width:43px; height:43px; overflow:hidden; border:1px solid color-mix(in srgb,var(--sx-line) 65%,transparent); border-radius:13px; background:var(--sx-bg); }
.statix-theme-swatches i { flex:1 1 0; display:block; background:var(--swatch); }
.statix-theme-option-copy { display:block; min-width:0; }
.statix-theme-option-copy strong,.statix-theme-option-copy small { display:block; overflow-wrap:anywhere; }
.statix-theme-option-copy strong { color:var(--sx-text); font-size:12px; font-weight:790; line-height:1.3; }
.statix-theme-option-copy small { margin-top:4px; color:var(--sx-muted); font-size:10px; line-height:1.35; }
.statix-theme-check { display:grid; place-items:center; width:18px; height:18px; border:1px solid var(--sx-line-strong); border-radius:50%; color:transparent; font-size:11px; }
.statix-theme-option.is-selected .statix-theme-check { border-color:var(--sx-accent); color:var(--sx-on-accent); background:var(--sx-accent); }
.statix-theme-dialog-foot { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:16px; padding-top:15px; border-top:1px solid var(--sx-line); }
.statix-theme-dialog-foot span { color:var(--sx-muted); font-size:10px; line-height:1.4; }
.statix-theme-done { min-height:40px; padding:9px 16px; border:1px solid color-mix(in srgb,var(--sx-accent) 45%,transparent); border-radius:12px; color:var(--sx-on-accent); background:linear-gradient(135deg,var(--sx-accent-2),var(--sx-accent)); font-size:12px!important; font-weight:800; }
.statix-theme-dialog :focus-visible { outline:2px solid var(--sx-accent-2); outline-offset:3px; }
.statix-theme-picker-trigger { color:var(--sx-accent-2)!important; }
@media(max-width:600px) {
  .statix-theme-dialog { width:100%; max-width:none; max-height:90dvh; margin:auto 0 0; border-radius:22px 22px 0 0; }
  .statix-theme-dialog-inner { max-height:90dvh; padding:20px 16px max(18px,env(safe-area-inset-bottom)); }
  .statix-theme-options { gap:7px; }
  .statix-theme-option { grid-template-columns:35px minmax(0,1fr) 16px; gap:8px; min-height:62px; padding:8px; border-radius:13px; }
  .statix-theme-swatches { width:34px; height:38px; border-radius:10px; }
  .statix-theme-option-copy strong { font-size:11px; }
  .statix-theme-option-copy small { font-size:9px; }
}
@media(max-width:360px) { .statix-theme-options { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .statix-theme-option { transition:none; } }