.theme-picker { position:relative; flex:none; }
.theme-picker summary { display:flex; align-items:center; justify-content:center; gap:7px; height:40px; padding:0 11px; border:1px solid var(--line); border-radius:5px; color:var(--ink); font-size:12px; font-weight:700; cursor:pointer; list-style:none; }
.theme-picker summary::-webkit-details-marker { display:none; }
.theme-picker summary svg { width:18px; height:18px; flex:none; }
.theme-picker summary:hover,.theme-picker[open] summary { background:var(--mint); }
.theme-picker-panel { position:absolute; top:calc(100% + 14px); right:0; width:268px; max-width:calc(100vw - 32px); padding:22px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow); }
.theme-picker-title { margin:0 0 16px; font-size:19px; font-weight:750; letter-spacing:-.03em; }
.theme-picker-panel label { display:block; margin-top:14px; font-size:12px; font-weight:700; }
.theme-picker-panel select { display:block; width:100%; min-height:44px; margin-top:6px; padding:9px 10px; font:inherit; font-size:13px; background:var(--bg); color:var(--ink); border:1px solid var(--line); border-radius:4px; cursor:pointer; }
.theme-picker-note { margin:15px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
@media(max-width:1180px) { .theme-picker summary { width:36px; padding:0; } .theme-picker-label { display:none; } }
@media(max-width:760px) { .theme-picker-panel { position:fixed; top:78px; right:16px; } }
@media(max-width:540px) { .theme-picker summary { width:30px; height:30px; } .theme-picker-panel { top:70px; } }