/* The picker lives in the top layer, outside the header and the More disclosure. */
.skin-picker .skin-trigger{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;user-select:none}
.skin-picker .skin-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
dialog#skinDialog.skin-menu{position:fixed;inset:0;margin:auto;width:min(390px,calc(100vw - 28px));max-width:calc(100vw - 28px);height:auto;max-height:calc(100dvh - 40px);padding:18px;background:var(--card);color:var(--ink);border:2px solid var(--skin-line);border-radius:22px;box-shadow:0 16px 40px #00000030;overflow:auto;overscroll-behavior:contain;z-index:auto}
#skinDialog:not([open]){display:none}
#skinDialog::backdrop{background:#24214970}
.skin-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;position:sticky;top:-18px;padding:6px 0;background:var(--card);z-index:1}
#skinDialog .skin-dialog-head h2{font-size:19px;margin:0;line-height:1.5}
#closeSkinDialog{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--skin-soft);color:var(--ink);cursor:pointer}
#closeSkinDialog svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#skinDialog .skin-option{min-height:70px;margin-top:8px}
#skinDialog .skin-option:focus-visible{outline-offset:-5px}
[data-skin=soft] dialog#skinDialog{border-width:1px}
@media(max-width:600px){dialog#skinDialog.skin-menu{margin:auto auto max(12px,env(safe-area-inset-bottom));max-height:calc(100dvh - 70px);padding:16px;border-radius:22px}.skin-dialog-head{top:-16px}#skinDialog .skin-option{min-height:68px}.skin-picker .skin-trigger svg{width:18px;height:18px}}
@media(orientation:landscape) and (max-height:500px){dialog#skinDialog.skin-menu{margin:auto;max-height:calc(100dvh - 24px)}#skinDialog [aria-label="页面皮肤"]{display:grid;grid-template-columns:1fr 1fr;gap:8px}dialog#skinDialog.skin-menu{width:min(640px,calc(100vw - 28px))}#skinDialog .skin-option{margin:0;min-height:68px;gap:8px;padding:8px}.skin-swatch{width:36px;height:36px}#skinDialog .skin-option strong{font-size:13px}#skinDialog .skin-option small{font-size:11px}}