:root{--surface: #111;--surface-2: #1a1a1a;--surface-3: #222;--border: #333;--fg: #ccc;--fg-muted: #888;--accent: #c13c5b;--adn-vars-color-accent: #c13c5b;--adn-vars-bg: #000;--adn-vars-bg-light: #333;--adn-vars-fg: #fff;--adn-vars-fg-muted: #bbb}.page-content{max-width:960px;width:100%;padding:1.5rem 2rem}.page-content>section{margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid var(--border);scroll-margin-top:5rem}.page-content>section:last-child{border-bottom:none}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.5rem;margin-bottom:.25rem}.page-header p{color:var(--fg-muted);font-size:.875rem}section>h2{font-size:1.375rem;margin-bottom:.25rem;padding-bottom:.5rem}section>p.desc{color:var(--fg-muted);font-size:.8125rem;margin:.25rem 0 1rem}.variant-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin:1.25rem 0 .5rem;font-weight:600}.variant-label:first-child{margin-top:0}.uploader-wrap{max-width:500px}.code-block{margin-top:.75rem;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.code-block pre[class*=language-]{margin:0;border-radius:0;font-size:.75rem;line-height:1.5;background:#1e1e2e}.code-block pre[class*=language-]+pre[class*=language-]{border-top:1px solid var(--border)}.code-block code[class*=language-]{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.75rem}.sub-showcase{--_color-accent: var(--adn-vars-color-accent);--_color-accent-rgb: 193, 60, 91;--_color-accent-alt: #fff;--_color-accent-dark: #fff;--_color-accent-light: #000;--_bg: var(--adn-vars-bg);--_bg-light: var(--adn-vars-bg-light);--_color-font: var(--adn-vars-fg);--_color-font-muted: var(--adn-vars-fg-muted);--_transition: all .3s ease-in-out;--_size-icon: 1rem;--_height-slider: 4px;--_width-slider: 4px;--_width-highlight: 4px;--_thumb-size: .694rem;--_thumb-size-hover: .833rem;--_playbutton-size: 48px;--_text-small: .833rem;--_text-regular: 1rem;--_text-large: 1.125rem;--_coverart-size: 120px;background:var(--_bg);border-radius:8px;padding:1.25rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.theme-lightdark{--adn-main-border: 1px solid light-dark(#ccc, #444);--adn-bg: light-dark(#fff, #111);--adn-bg-light: light-dark(#ddd, #333);--adn-color-font: light-dark(#222, #eee);--adn-color-font-muted: light-dark(#666, #aaa);--adn-color-accent: light-dark(#333, #eee);--adn-color-accent-alt: light-dark(#fff, #111);--adn-tracklist-color-highlight: light-dark(rgba(0,0,0,.08), rgba(255,255,255,.08));--adn-settingsmenu-color-highlight: light-dark(rgba(0,0,0,.08), rgba(255,255,255,.08));--adn-settingsmenu-border-popover: 1px solid light-dark(#ccc, #444);--adn-waveform-color-playhead: light-dark(#333, #eee);--adn-coverart-filter: grayscale(100%)}.theme-minimal{--adn-bg: #1a1a2e;--adn-bg-light: #2a2a4e;--adn-color-font: #e0e0e0;--adn-color-font-muted: #8888aa;--adn-color-accent: #e94560;--adn-color-accent-rgb: 233, 69, 96;--adn-color-accent-alt: #fff;--adn-radius: 12px;--adn-padding: .5rem;--adn-coverart-transform: none;--adn-coverart-radius: 8px;--adn-playbutton-radius: 8px}.theme-electric{--adn-bg: #0a0a0f;--adn-bg-light: #16161f;--adn-color-font: #e4e4f0;--adn-color-font-muted: #7878a0;--adn-color-accent: #00d4ff;--adn-color-accent-rgb: 0, 212, 255;--adn-color-accent-alt: #0a0a0f;--adn-radius: 4px;--adn-main-border: 1px solid #00d4ff33;--adn-box-shadow: 0 0 20px #00d4ff15;--adn-waveform-color-playhead: #00d4ff;--adn-coverart-transform: none;--adn-coverart-radius: 2px;--adn-playbutton-radius: 4px}.theme-uploader-lightdark{--adn-main-border: 1px solid light-dark(#ccc, #444);--adn-bg: light-dark(#fff, #111);--adn-bg-light: light-dark(#eee, #222);--adn-color-font: light-dark(#222, #eee);--adn-color-font-muted: light-dark(#666, #aaa);--adn-color-accent: light-dark(#0066cc, #4da6ff);--adn-color-accent-rgb: light-dark(0, 102, 204, 77, 166, 255);--adn-color-accent-alt: light-dark(#fff, #111);--adn-border-color: light-dark(#ccc, #444);--adn-color-highlight: light-dark(rgba(0,0,0,.06), rgba(255,255,255,.08));--adn-radius: 6px}.theme-uploader-midnight{--adn-bg: #1a1a2e;--adn-bg-light: #2a2a4e;--adn-color-font: #e0e0e0;--adn-color-font-muted: #8888aa;--adn-color-accent: #7c3aed;--adn-color-accent-rgb: 124, 58, 237;--adn-color-accent-alt: #fff;--adn-border-color: #3a3a5e;--adn-color-highlight: rgba(124, 58, 237, .12);--adn-radius: 12px;--adn-main-border: 1px solid #3a3a5e;--adn-box-shadow: 0 4px 24px rgba(0, 0, 0, .4)}