.theme-picker-panel{z-index:195;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper-light);width:min(340px,100vw - 16px);max-height:calc(100dvh - 92px);color:var(--ink);box-shadow:var(--surface-shadow,0 8px 32px #0002);padding:16px;position:fixed;overflow:auto}.theme-picker-panel[hidden]{display:none}.theme-picker-panel>p{margin:0 0 12px;font-size:14px;font-weight:700}.theme-picker-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.theme-picker-options button{border-radius:var(--radius-xl);min-width:0;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:7px}.theme-picker-options button:hover{background:var(--surface-subtle)}.theme-picker-options button[aria-checked=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--paper-light))}.theme-picker-options button>span:last-child{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:34px;font-size:14px;display:flex}.theme-picker-options button svg{visibility:hidden}.theme-picker-options button[aria-checked=true] svg{visibility:visible}.theme-sample{border-radius:var(--radius-md);background:#fafaf8;border:1px solid #dcdcdc;grid-template-columns:26% 1fr;gap:7px;height:64px;padding:9px;display:grid}.theme-sample>i{background:#eee7e9;border-radius:2px}.theme-sample>span{flex-direction:column;gap:7px;padding-top:2px;display:flex}.theme-sample b{background:#aaa;border-radius:2px;width:100%;height:4px;display:block}.theme-sample b:first-child{background:#9e5268;width:65%}.theme-sample[data-appearance=dark]{background:#101215;border-color:#42454a}.theme-sample[data-appearance=dark]>i{background:#423139}.theme-sample[data-appearance=dark] b{background:#666}.theme-sample[data-appearance=system]{background:linear-gradient(120deg,#fafaf8 50%,#101215 50%)}body:has(dialog:modal,[aria-modal=true]) .theme-picker-panel{visibility:hidden}