@layer tokens {
:root {
  --comp-theme-dialog-backdrop-bg: #0009;
}
}

@layer legacy {
/* Shared cloud controls use the original Main palette and glass surfaces. */
[hidden]{display:none!important}
button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--sys-accent);outline-offset:3px}
.theme-dialog{margin:auto;inset:0;border:0;padding:0;background:transparent;color:var(--sys-on-surface);width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:visible}
.theme-dialog::backdrop{background:var(--comp-theme-dialog-backdrop-bg);backdrop-filter:blur(8px)}
#theme-modal .group-modal-card{width:100%;max-width:none;max-height:calc(100dvh - 28px);margin:0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
.theme-dialog .group-modal-heading{align-items:flex-start}.theme-dialog .theme-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-dialog .theme-option-card{min-width:0;text-align:left}.theme-dialog .theme-option-info small{overflow-wrap:anywhere}
.theme-dialog .theme-motion-setting{font-size:13px}.theme-dialog button[role=radio]:focus-visible{outline-offset:2px}
.theme-effects,.theme-scene{z-index:0}.liquid-svg-defs{position:absolute;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:620px){.theme-dialog .theme-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-dialog .group-modal-card{padding:20px}.theme-dialog .theme-option-card{padding:12px;gap:10px}.theme-dialog .group-modal-heading p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:440px){.theme-dialog .theme-options-grid{grid-template-columns:minmax(0,1fr)}.theme-dialog .theme-option-card{padding:12px 16px}.theme-dialog .theme-option-info{text-align:left}}
}
