.theme-gallery{gap:12px;display:grid}.theme-gallery-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-gallery-head[data-bare]{justify-content:flex-end}.theme-gallery-head h3{font:600 13px/1.3 var(--font-sans);color:var(--ink);margin:0}.theme-gallery-filter{background:var(--surface-3);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-gallery-filter button{font:600 12px/1.3 var(--font-sans);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 11px}.theme-gallery-filter button:hover:not([aria-pressed=true]){color:var(--ink)}.theme-gallery-filter button[aria-pressed=true]{background:var(--surface);color:var(--accent-ink);box-shadow:0 0 0 1px var(--hairline-strong), 0 1px 2px color-mix(in srgb, var(--ink) 12%, transparent)}.theme-gallery-filter button:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.theme-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.theme-gallery[data-compact]{width:min(420px,78vw)}.theme-gallery[data-compact] .theme-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(440px,60vh);padding:3px;overflow:auto}.theme-tile{cursor:pointer;border:1px solid #0000;border-radius:12px;outline:none;gap:5px;padding:6px 6px 8px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.theme-tile:hover{background:var(--surface-3)}.theme-tile:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}.theme-tile[aria-checked=true]{border-color:var(--accent-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);background:var(--surface)}.theme-tile[aria-checked=true] .theme-tile-name{color:var(--accent-ink)}.theme-tile[aria-disabled=true]{cursor:default;opacity:.55}.theme-tile[aria-disabled=true]:hover{background:0 0}.theme-tile-preview{pointer-events:none;border-radius:8px;overflow:hidden}.theme-tile-preview .as-viz{box-shadow:0 1px 3px color-mix(in srgb, var(--ink) 16%, transparent);border-radius:8px}.theme-tile-name{font:600 12.5px/1.3 var(--font-sans);color:var(--ink);padding:0 2px}.theme-tile-desc{font:400 11.5px/1.35 var(--font-sans);color:var(--ink-2);padding:0 2px}@media (prefers-reduced-motion:reduce){.theme-gallery .theme-tile{transition:none}}@media (max-width:767px),(pointer:coarse){.theme-gallery-filter button{min-height:44px;padding-inline:14px}}.theme-peek{gap:3px;display:inline-flex}.theme-peek i{background:var(--peek-paper);width:18px;height:13px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--peek-ink) 18%, transparent);border-radius:3px;position:relative}.theme-peek i:after{content:"";background:var(--peek-accent);border-radius:1px;height:2px;position:absolute;bottom:3px;left:3px;right:6px}.theme-peek i[data-chosen]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--peek-ink) 18%, transparent), 0 0 0 1.5px var(--surface), 0 0 0 3px var(--accent-ring);margin-right:3px}.theme-swatch{aspect-ratio:16/10;background:var(--as-theme-bg,var(--as-paper));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--as-ink) 10%, transparent);border-radius:8px;place-items:center;padding:12% 11%;display:grid}.theme-swatch-card{box-sizing:border-box;border-radius:min(10px, var(--as-radius));background:var(--as-surface);width:100%;height:100%;color:var(--as-ink);text-align:left;align-content:center;gap:6px;padding:10% 12%;display:grid}.theme-swatch[data-card=outline] .theme-swatch-card{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--as-ink) 20%, transparent);background:0 0}.theme-swatch[data-card=elevated] .theme-swatch-card{box-shadow:0 6px 16px #0000001f}.theme-swatch[data-card=flat] .theme-swatch-card{border-top:3px solid var(--as-accent);background:0 0;border-radius:0}.theme-swatch-card strong{font-family:var(--as-font-head);font-weight:var(--as-head-weight);letter-spacing:-.02em;font-size:21px;line-height:1.05}.theme-swatch-card span{font-family:var(--as-font-body);color:var(--as-muted);font-size:12px;line-height:1.3}.theme-swatch-card em{color:var(--as-accent);text-underline-offset:2px;font-style:normal;text-decoration:underline}.theme-gallery[data-compact] .theme-swatch-card strong{font-size:17px}.theme-swatch{position:relative;overflow:hidden}.theme-swatch:before,.theme-swatch:after{content:"";pointer-events:none;position:absolute}.theme-swatch-card{z-index:1;position:relative}.theme-swatch[data-decor=glow]:before{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--as-accent) 45%, transparent), transparent);border-radius:50%;width:70%;top:-40%;right:-20%}.theme-swatch[data-decor=arc]:before{aspect-ratio:1;border:1.5px solid color-mix(in srgb, var(--as-accent) 35%, transparent);border-radius:50%;width:70%;bottom:-55%;right:-22%}.theme-swatch[data-decor=grid]:before{background-image:radial-gradient(color-mix(in srgb, var(--as-ink) 28%, transparent) 1px, transparent 1.2px);background-size:8px 8px;width:45%;height:70%;top:0;right:0;-webkit-mask-image:linear-gradient(to bottom left,#000,#0000 75%);mask-image:linear-gradient(to bottom left,#000,#0000 75%)}.theme-swatch[data-decor=blob]:before{aspect-ratio:1.15;background:color-mix(in srgb, var(--as-accent2,var(--as-accent)) 22%, transparent);border-radius:42% 58% 63% 37%/45% 40% 60% 55%;width:48%;bottom:-30%;right:-10%}.theme-swatch[data-decor=rule]:before{background:var(--as-accent);width:14%;height:4px;top:0;left:11%}.theme-swatch[data-decor=band]:before{background:var(--as-accent);width:5px;top:0;bottom:0;left:0}.theme-swatch[data-decor=frame]:before{border:1px solid color-mix(in srgb, var(--as-accent) 50%, transparent);inset:5px}