#appearanceDialog{color:#e8edf6;background:#101a2b;border:1px solid #526985;border-radius:16px;width:min(680px,92vw);max-height:88svh;padding:clamp(16px,2vw,32px);overflow:auto;font:16px/1.6 "Microsoft YaHei",sans-serif}#appearanceDialog::backdrop{background:#000a}#appearanceDialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}#appearanceDialog h2{font-size:24px;margin:0}#appearanceDialog p{color:#aabcce;font-size:14px}#appearanceDialog button{background:#20334e;color:#eaf2ff;border:1px solid #526985;border-radius:8px;padding:9px 16px;font:inherit;cursor:pointer}#appearanceDialog button:disabled{opacity:.5}#appearanceDialog .appearance-modes{display:flex;gap:12px;margin:16px 0}#appearanceDialog [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#appearanceDialog .setting-block{padding:16px 0;border-bottom:1px solid #ffffff22}#appearanceDialog select{width:100%;padding:12px;font:inherit;background:#182b43;color:white;border:1px solid #526985;border-radius:8px}#appearanceDialog canvas{position:static;display:block;width:180px;height:180px;max-width:100%;margin:16px auto;background:radial-gradient(#203b50,#050c16);border-radius:12px}#appearanceDialog .effect-apply{width:100%}#openAppearance{font-size:inherit;padding:6px 10px;white-space:nowrap;border:1px solid var(--accent);border-radius:6px;color:var(--accent);background:#101b2bd9}body.song-browsing #openAppearance{font-size:calc(13 * var(--browse-unit))}body.playing #openAppearance{font-size:calc(13 * var(--play-unit))}#appearanceDialog :focus-visible{outline:2px solid var(--accent);outline-offset:3px}