/* Theme presets: load after cat-plush-night.css on all three warehouse pages.
   Cream and berry retain their existing palettes. The four extra palettes share
   one token adapter and component layer, with independent generated scene art. */

body[data-theme-preset='cream'] { --theme-dialog-veil: #59443740; }
body[data-theme-preset='berry'] { --theme-dialog-veil: #21172280; }

body[data-theme-preset='sakura'] {
  --preset-bg-image: url('ui-assets/theme-sakura-bg-v1.jpg');
  --preset-hero-image: url('ui-assets/theme-sakura-hero-v1.jpg');
  --preset-bg: #f8e8ed;
  --preset-surface: #fff4f7;
  --preset-top: #fffafc;
  --preset-paper: #fff9fb;
  --preset-field: #fffdfd;
  --preset-line: #b1899b;
  --preset-line-soft: #e6c7d4;
  --preset-copy: #503c47;
  --preset-muted: #795864;
  --preset-accent: #8e4263;
  --preset-soft: #f8dfe9;
  --preset-link: #8f3c62;
  --preset-link-hover: #702649;
  --preset-cta: linear-gradient(145deg, #9d4569, #8d4065);
  --preset-cta-copy: #ffffff;
  --preset-cta-line: #8d4065;
  --preset-glass: #fff4f7ed;
  --preset-glass-line: #b1899b66;
  --preset-coral: #be705e;
  --preset-pink: #bd7292;
  --preset-mint: #4d806b;
  --preset-violet: #80609c;
  --preset-bg-wash: linear-gradient(180deg,#f8e8ed33,#f8e8ed26 48%,#f8e8ed40);
  --preset-hero-wash: linear-gradient(90deg,#fff2f7f5 0%,#fff2f7e8 38%,#ffe5ef70 73%,#ffe5ef22 100%);
  --theme-dialog-veil: #5f3f5040;
}

body[data-theme-preset='matcha'] {
  --preset-bg-image: url('ui-assets/theme-matcha-bg-v1.jpg');
  --preset-hero-image: url('ui-assets/theme-matcha-hero-v1.jpg');
  --preset-bg: #edf2ec;
  --preset-surface: #f7faf5;
  --preset-top: #fffefb;
  --preset-paper: #fcfdfa;
  --preset-field: #fffefb;
  --preset-line: #a2b09f;
  --preset-line-soft: #d5dfd2;
  --preset-copy: #3c4b40;
  --preset-muted: #5b6b5f;
  --preset-accent: #4e6d55;
  --preset-soft: #e5eee2;
  --preset-link: #496850;
  --preset-link-hover: #354f3d;
  --preset-cta: linear-gradient(145deg, #58765d, #4c6954);
  --preset-cta-copy: #ffffff;
  --preset-cta-line: #4c6954;
  --preset-glass: #f7faf5ed;
  --preset-glass-line: #a2b09f66;
  --preset-coral: #a7846b;
  --preset-pink: #a67f8b;
  --preset-mint: #62816a;
  --preset-violet: #8b8296;
  --preset-bg-wash: linear-gradient(180deg,#edf2ec40,#edf2ec33 48%,#edf2ec40);
  --preset-hero-wash: linear-gradient(90deg,#fafcf7f5 0%,#fafcf7e8 38%,#e9f1e670 73%,#e9f1e622 100%);
  --theme-dialog-veil: #3c4b4040;
  --mat-cta-hover-shadow: 0 2px 3px #3c4b4014,0 8px 18px #62816a2b;
}

body[data-theme-preset='mist'] {
  --preset-bg-image: url('ui-assets/theme-mist-bg-v1.jpg');
  --preset-hero-image: url('ui-assets/theme-mist-hero-v1.jpg');
  --preset-bg: #edf2f4;
  --preset-surface: #f7fafb;
  --preset-top: #fffefd;
  --preset-paper: #fcfdfd;
  --preset-field: #fffefd;
  --preset-line: #a5b5bf;
  --preset-line-soft: #d5e0e5;
  --preset-copy: #3e4b54;
  --preset-muted: #5c6c77;
  --preset-accent: #526f83;
  --preset-soft: #e6eef2;
  --preset-link: #506d82;
  --preset-link-hover: #3d566b;
  --preset-cta: linear-gradient(145deg, #59778b, #4d6b7f);
  --preset-cta-copy: #ffffff;
  --preset-cta-line: #4d6b7f;
  --preset-glass: #f7fafbed;
  --preset-glass-line: #a5b5bf66;
  --preset-coral: #ae8b78;
  --preset-pink: #ad8798;
  --preset-mint: #6a8782;
  --preset-violet: #8a879e;
  --preset-bg-wash: linear-gradient(180deg,#edf2f440,#edf2f433 48%,#edf2f440);
  --preset-hero-wash: linear-gradient(90deg,#f7fafbf5 0%,#f7fafbe8 38%,#e9f0f570 73%,#e9f0f522 100%);
  --theme-dialog-veil: #3e4b5440;
  --mat-cta-hover-shadow: 0 2px 3px #3e4b5414,0 8px 18px #6c889b2b;
}

body[data-theme-preset='cocoa'] {
  --preset-bg-image: url('ui-assets/theme-cocoa-bg-v1.jpg');
  --preset-hero-image: url('ui-assets/theme-cocoa-hero-v1.jpg');
  --preset-bg: #302824;
  --preset-surface: #3a302b;
  --preset-top: #493a31;
  --preset-paper: #3f332c;
  --preset-field: #29231f;
  --preset-line: #9b7d62;
  --preset-line-soft: #645244;
  --preset-copy: #fff2df;
  --preset-muted: #d8c2ad;
  --preset-accent: #e3b991;
  --preset-soft: #594435;
  --preset-link: #f0c59e;
  --preset-link-hover: #ffe1bd;
  --preset-cta: linear-gradient(145deg, #efd0ad, #dcb28e);
  --preset-cta-copy: #4b3324;
  --preset-cta-line: #efd0ad;
  --preset-glass: #3b3029ef;
  --preset-glass-line: #b99c7d66;
  --preset-coral: #e4b78f;
  --preset-pink: #dbaaa8;
  --preset-mint: #bacdaf;
  --preset-violet: #cab9d0;
  --preset-bg-wash: linear-gradient(180deg,#30282440,#3028242b 48%,#251e1a55);
  --preset-hero-wash: linear-gradient(90deg,#32271ef5 0%,#392d24e8 38%,#76563a70 73%,#94755122 100%);
  --theme-dialog-veil: #21181280;
}

/* The validator only assigns these six preset IDs. Excluding the two originals
   lets their carefully tuned appearances remain intact. */
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) {
  --mat-surface: var(--preset-surface);
  --mat-surface-top: var(--preset-top);
  --mat-paper: var(--preset-paper);
  --mat-field: var(--preset-field);
  --mat-line: var(--preset-line);
  --mat-line-soft: var(--preset-line-soft);
  --mat-copy: var(--preset-copy);
  --mat-muted: var(--preset-muted);
  --mat-accent: var(--preset-accent);
  --mat-accent-soft: var(--preset-soft);
  --mat-shine: #ffffff55;
  --mat-shadow: 0 3px 6px #302a2006, 0 14px 34px #302a2012;
  --mat-card-shadow: 0 2px 4px #302a2005, 0 8px 22px #302a200e;
  --mat-focus-shadow: 0 0 0 3px var(--preset-soft);
  --mat-cta: var(--preset-cta);
  --mat-cta-copy: var(--preset-cta-copy);
  --mat-cta-line: var(--preset-cta-line);
  --mat-cta-shadow: 0 2px 3px #302a2014, 0 7px 18px #302a201a;
  --glass-bg: var(--preset-glass);
  --glass-line: var(--preset-glass-line);
  --glass-shine: var(--mat-shine);
  --glass-shadow: var(--mat-shadow);
  --polish-copy: var(--mat-copy);
  --polish-muted: var(--mat-muted);
  --polish-accent: var(--mat-accent);
  --polish-field: var(--mat-field);
  --polish-soft: var(--mat-accent-soft);
  --polish-border: var(--mat-line);
  --ui-surface: var(--mat-surface);
  --ui-surface-raised: var(--mat-paper);
  --ui-field: var(--mat-field);
  --ui-border: var(--mat-line);
  --ui-border-soft: var(--mat-line-soft);
  --ui-copy: var(--mat-copy);
  --ui-muted: var(--mat-muted);
  --ui-faint: var(--mat-muted);
  --ui-link: var(--preset-link);
  --ui-link-hover: var(--preset-link-hover);
  --ui-tint: var(--mat-accent-soft);
  --ui-tint-copy: var(--mat-accent);
  --ui-tag: var(--mat-accent-soft);
  --ui-tag-copy: var(--mat-muted);
  --ui-success: #397557;
  --ui-warning: #835720;
  --ui-checker-a: var(--preset-checker-a, #e5e6e6);
  --ui-checker-b: var(--preset-checker-b, #f4f5f5);
  --ui-shadow: var(--mat-shadow);
  --ui-focus: var(--mat-accent);
  --cat-coral: var(--preset-coral);
  --cat-pink: var(--preset-pink);
  --cat-mint: var(--preset-mint);
  --cat-violet: var(--preset-violet);
  --cat-ink: var(--preset-bg);
  --cat-panel: var(--mat-surface);
  --cat-panel-hi: var(--mat-surface-top);
  --cat-soft: var(--mat-muted);
  --bg: var(--preset-bg);
  --panel: var(--mat-surface);
  --panel2: var(--mat-surface-top);
  --line: var(--mat-line-soft);
  --text: var(--mat-copy);
  --muted: var(--mat-muted);
  --accent: var(--mat-accent);
  --green: var(--ui-success);
  --good: var(--ui-success);
  --warn: var(--ui-warning);
  --danger: #aa3459;
  --shadow: var(--mat-shadow);
  color: var(--mat-copy);
  background-color: var(--preset-bg);
  background-image: var(--preset-bg-wash), var(--preset-bg-image);
  background-blend-mode: normal;
  /* Tiles are 1254px wide: display smaller, never enlarge to fill the viewport. */
  background-size: cover,960px auto;
  background-repeat: no-repeat,repeat;
  background-position: center top,center top;
  background-attachment: fixed,fixed;
}
body[data-theme-preset='cocoa']:not([data-theme-preset='cream']):not([data-theme-preset='berry']) {
  --mat-shine: #fff2df14;
  --mat-shadow: 0 3px 6px #160f181c, 0 16px 38px #160f1838;
  --mat-card-shadow: 0 2px 4px #190f181f, 0 8px 20px #190f1824;
  --ui-success: #bacdaf;
  --ui-warning: #ebcca0;
  --ui-checker-a: #3a342f;
  --ui-checker-b: #2d2926;
  --danger: #edb4aa;
}

/* A navigation link is not a toolbar button: transparent in every theme and state. */
body[data-theme-preset] .hero-actions .cat-nav a,
body[data-theme-preset] .hero-actions .cat-nav a:visited {
  color: var(--mat-muted);
  background: transparent;
  background-image: none;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  box-shadow: none;
}
body[data-theme-preset] .hero-actions .cat-nav a:hover,
body[data-theme-preset] .hero-actions .cat-nav a.cat-nav-active {
  color: var(--mat-copy);
  background: transparent;
  border-bottom-color: var(--ui-link);
  box-shadow: none;
}
body[data-theme-preset] .hero-actions .cat-nav a:focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 4px;
  background: transparent;
}

/* Decorative scene and chrome for the four additional palettes. */
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .hero-showcase {
  background-color: var(--preset-bg);
  background-image: var(--preset-hero-wash), var(--preset-hero-image);
  background-blend-mode: normal;
  background-size: cover,cover;
  background-position: center,center;
  background-repeat: no-repeat;
  border-color: var(--mat-line);
}
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .hero-showcase::before { background: none; }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .hero-showcase::after { border-color: var(--glass-line); box-shadow: none; }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(.brand-copy h1,.tool-brand h1,.project-brand h1,.showcase-copy h2,.showcase-mini-stats b) { color: var(--mat-copy); text-shadow: none; }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(.brand-copy p,.tool-brand p,.project-brand p,.showcase-copy p,.showcase-mini-stats small,.search-meta,.section-heading>span) { color: var(--mat-muted); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .showcase-copy h2 em { color: var(--mat-accent); text-shadow: none; }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(.showcase-link,.eyebrow,.search-icon) { color: var(--mat-accent); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(.brand-mark,.tool-brand .brand-mark,.project-brand .brand-mark) { background: linear-gradient(145deg,var(--mat-accent-soft),var(--mat-paper)); border-color: var(--mat-line); box-shadow: inset 0 1px 0 var(--mat-shine),var(--mat-card-shadow); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .art-orbit { border-color: var(--glass-line); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .art-sticker { color: var(--mat-cta-copy); background: var(--mat-cta); box-shadow: var(--mat-card-shadow); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(.cat-note,.badge,.search-title kbd) { background: var(--mat-accent-soft); color: var(--mat-muted); border-color: var(--mat-line-soft); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .collection-card .collection-icon { background: var(--mat-accent-soft); color: var(--mat-accent); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .collection-violet .collection-icon { color: var(--cat-violet); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .collection-gold .collection-icon { color: var(--cat-coral); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(.admin-panel,.workspace,.result-toolbar) :is(.ghost,.button) { color: var(--ui-link); background: var(--mat-paper); border-color: var(--mat-line); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(.admin-panel,.workspace,.result-toolbar) :is(.ghost,.button):hover { color: var(--ui-link-hover); background: var(--mat-accent-soft); border-color: var(--mat-accent); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .green { color: var(--mat-accent); background: var(--mat-accent-soft); border-color: var(--mat-line); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :focus-visible { outline-color: var(--ui-focus); }

/* The secondary pages contain older, specific light/dark rules. Scope these to
   the page class too, so their hard-coded colors cannot override the new tokens. */
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.tool-card h2,.panel h2,.panel h3,.section-title h2,.toolbar-title,.result-card b) { color: var(--mat-copy); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.tool-card p,.field label,.hint,.dim,.result-card small,.toolbar-summary,.footer,.check,.qa-table,.processing-state) { color: var(--mat-muted); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.tool-state,.dropzone,.green) { color: var(--mat-accent); background: var(--mat-accent-soft); border-color: var(--mat-line); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.dropzone:hover,.green:hover) { border-color: var(--mat-accent); background: var(--mat-accent-soft); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.empty,.queue-item,.qa-table th,.qa-table td,.section-title,.result-toolbar) { border-color: var(--mat-line-soft); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.field input,.field select,.result-toolbar input,.result-toolbar select,.sprite-cell,.queue-item,.progress) { color: var(--mat-copy); border-color: var(--mat-line); background-color: var(--mat-field); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page .sprite-cell.selected { border-color: var(--mat-accent); box-shadow: 0 0 0 2px var(--mat-accent-soft); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page .progress i { background: linear-gradient(90deg,var(--cat-violet),var(--mat-accent)); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.processing-state.busy,.qa-table th) { color: var(--mat-accent); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page .processing-state.busy::before { background: var(--mat-accent); box-shadow: 0 0 0 4px var(--mat-accent-soft); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page .processing-state.idle::before { background: var(--mat-muted); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page .pass { color: var(--ui-success); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page .warn { color: var(--ui-warning); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page .fail { color: var(--danger); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-project-page .card b { color: var(--mat-copy); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-project-page .card span { color: var(--mat-muted); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-project-page :is(.card small,.card::after) { color: var(--mat-accent); }

/* Checkerboards are neutral inspection surfaces. Inline custom solid-preview
   backgrounds intentionally keep precedence; no !important on image surfaces. */
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-tool-page :is(.sprite-preview,.anim-box,.sprite-cell img,.queue-item img,.result-card img),
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']).cat-project-page :is(.card img,.card .empty),
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) #imageViewer .viewer-stage { border-color: var(--mat-line-soft); background: repeating-conic-gradient(var(--ui-checker-a) 0 25%,var(--ui-checker-b) 0 50%) 50% / 24px 24px; }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) :is(#imageViewer.image-viewer,.admin-modal-backdrop) { background: var(--theme-dialog-veil); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) #imageViewer .viewer-dialog { background: var(--mat-surface); border-color: var(--glass-line); box-shadow: 0 28px 85px #160f1944,inset 0 1px 0 var(--mat-shine); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) #imageViewer :is(.viewer-toolbar,.viewer-footer) { background: linear-gradient(145deg,var(--mat-surface-top),var(--mat-surface)); border-color: var(--mat-line-soft); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) #imageViewer :is(.viewer-controls button,.viewer-controls a,.viewer-close) { color: var(--mat-copy); background: var(--mat-paper); border-color: var(--mat-line); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) #imageViewer :is(.viewer-controls button,.viewer-controls a,.viewer-close):hover { border-color: var(--mat-accent); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) #imageViewer .viewer-admin { color: var(--mat-accent) !important; background: var(--mat-accent-soft) !important; border-color: var(--mat-line) !important; }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) #imageViewer :is(.viewer-hint,.viewer-zoom) { color: var(--mat-muted); }
body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) .admin-controls input[type=range] { accent-color: var(--mat-accent); }

/* Theme chooser: compact native dialog, with the page still visible behind it. */
body dialog.theme-picker {
  box-sizing: border-box;
  width: min(480px,calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 23px;
  overflow: auto;
  color: var(--mat-copy);
  border: 1px solid var(--mat-line-soft);
  border-radius: 24px;
  background: linear-gradient(145deg,var(--mat-surface-top),var(--mat-surface));
  box-shadow: 0 24px 85px #160f1938,inset 0 1px 0 var(--mat-shine);
}
body dialog.theme-picker::backdrop { background: var(--theme-dialog-veil,#21172266); }
body .theme-picker-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
body .theme-picker-heading h2 { margin: 0; color: var(--mat-copy); font-size: 21px; letter-spacing: -.02em; }
body .theme-picker-close { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border: 1px solid var(--mat-line-soft); border-radius: 11px; background: var(--mat-paper); color: var(--mat-muted); cursor: pointer; font-size: 20px; }
body .theme-picker-close:hover { color: var(--mat-copy); border-color: var(--mat-line); }
body .theme-picker-hint { margin: 9px 0 19px; color: var(--mat-muted); font-size: 12px; line-height: 1.7; }
body .theme-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
body .theme-options .theme-option { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; padding: 15px; border: 1px solid var(--mat-line-soft); border-radius: 15px; background: var(--mat-paper); color: var(--mat-copy); text-align: left; cursor: pointer; box-shadow: inset 0 1px 0 var(--mat-shine); transition: border-color .15s ease,box-shadow .15s ease; }
body .theme-options .theme-option:hover { border-color: var(--mat-accent); box-shadow: var(--mat-card-shadow); }
body .theme-options .theme-option[aria-pressed='true'] { border-color: var(--mat-accent); background: var(--mat-accent-soft); box-shadow: 0 0 0 1px var(--mat-accent); }
body .theme-options .theme-option[aria-pressed='true']::after { content: '\2713'; position: absolute; right: 12px; top: 11px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: var(--mat-cta-copy); background: var(--mat-cta); font-size: 12px; font-weight: 700; }
body .theme-options .theme-option strong { font-size: 14px; font-weight: 700; color: var(--mat-copy); }
body .theme-options .theme-option small { font-size: 11px; line-height: 1.5; color: var(--mat-muted); }
body .theme-swatches { display: flex; gap: 5px; margin: 1px 0 7px; padding-right: 15px; }
body .theme-swatches i { display: block; width: 23px; height: 23px; border: 1px solid #0000001c; border-radius: 50%; background: var(--swatch); box-shadow: inset 0 1px 1px #ffffff44; }
body .theme-picker :focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 3px; }
@media(max-width:440px) { body dialog.theme-picker { padding: 19px; border-radius: 20px; } body .theme-options { gap: 9px; } body .theme-options .theme-option { padding: 13px 11px; } body .theme-swatches i { width: 21px; height: 21px; } }
@media(prefers-reduced-motion:reduce) { body .theme-options .theme-option { transition: none; } }
@media(max-width:560px) {
  body[data-theme-preset]:not([data-theme-preset='cream']):not([data-theme-preset='berry']) {
    background-size: cover,640px auto;
    background-attachment: scroll,scroll;
  }
}