.theme-menu{position:relative;font:.875rem/1.4 var(--font-ui);color:var(--ink)}
.theme-menu summary{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;list-style:none;padding:8px 12px;border:1px solid var(--control-line);border-radius:8px;background:var(--surface);color:var(--ink);gap:6px}
.theme-menu summary::-webkit-details-marker{display:none}.theme-menu[open] summary{border-color:var(--ink)}
.theme-menu-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;gap:18px;width:min(36rem,calc(100vw - 56px));max-height:75dvh;overflow-y:auto;overscroll-behavior:contain;padding:18px;background:var(--surface);border:1px solid var(--control-line);border-radius:12px;box-shadow:0 10px 32px #0003}
.theme-menu-list button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--control-line);border-radius:6px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font:inherit;overflow-wrap:anywhere}
.theme-menu-list button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.theme-menu summary:focus-visible,.theme-menu-list button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.theme-menu-list fieldset{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;min-width:0}
.theme-menu-list legend{padding:0;margin-bottom:8px;font-size:.75rem;letter-spacing:.04em;color:var(--muted)}
.theme-menu-list .theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-options button{display:grid;grid-template-columns:24px minmax(0,1fr) 14px;align-items:center;padding:10px;min-width:0}
.theme-options strong{display:block;font-size:.875rem}.theme-options small{display:block;font-size:.75rem;line-height:1.4;font-weight:400;margin-top:3px}
.theme-check{visibility:hidden}.theme-options [aria-pressed=true] .theme-check{visibility:visible}
.theme-swatch{display:block;width:24px;height:36px;border:1px solid #777;border-radius:4px;background:linear-gradient(150deg,var(--swatch-bg) 55%,var(--swatch-accent) 55%)}
.swatch-book{--swatch-bg:#e4dcd1;--swatch-accent:#671813}.swatch-clean{--swatch-bg:#fff;--swatch-accent:#0066cc}.swatch-dark{--swatch-bg:#15161a;--swatch-accent:#6cb0ff}.swatch-mandarin{--swatch-bg:#fbf7f1;--swatch-accent:#b3261e}.swatch-palace{--swatch-bg:#e4d9b9;--swatch-accent:#9b2c26}.swatch-editorial{--swatch-bg:#f7f7f9;--swatch-accent:#da282a}.swatch-clean-blue{--swatch-bg:#f6f6fb;--swatch-accent:#3370ff}.swatch-pulse{--swatch-bg:#ff6699;--swatch-accent:#00aeec}.swatch-academy{--swatch-bg:#f5f5f5;--swatch-accent:#00cc7e}
.theme-save-feedback{font-size:.75rem;color:var(--text-2)}.theme-save-feedback button{margin-top:8px}
@media(max-width:480px){.theme-menu-label{display:none}.theme-menu-list{width:min(25rem,calc(100vw - 56px));padding:12px;gap:14px}.theme-menu-list .theme-options{grid-template-columns:1fr}.theme-menu summary{padding:8px 10px}}
.theme-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-panel-heading button{justify-content:center;min-width:44px;font-size:1.25rem}
@media(max-width:760px){.theme-menu[data-enhanced] .theme-menu-list{position:fixed;top:16px;left:16px;right:16px;width:auto;max-width:none;max-height:calc(100dvh - 32px)}}