.skin-control { position:relative;flex:0 0 auto; }
/* Keep an open appearance menu above the floating task dock, including
   narrow windows where the two controls overlap. Dialogs remain above it. */
.app-shell:has(#skinMenu:not([hidden])) { z-index:1051; }
#skinToggleBtn { position:relative;padding:0;overflow:hidden;border-radius:50%;isolation:isolate; }
.skin-menu { position:absolute;z-index:1000;right:0;top:calc(100% + 10px);width:208px;padding:8px;background:var(--panel);color:var(--text);border:1px solid var(--line2);border-radius:14px;box-shadow:0 12px 36px #0003; }
.skin-menu button { display:flex;align-items:center;gap:9px;width:100%;padding:12px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left; }
.skin-menu button:hover,.skin-menu button[aria-checked="true"] { background:var(--panel2);outline:1px solid var(--line2); }
.skin-swatch { width:23px;height:23px;border-radius:50%;background:linear-gradient(135deg,#7c5cff 50%,#dcd5ff 50%); }
.skin-swatch.sea { background:linear-gradient(135deg,#1781B5 50%,#C9F4FF 50%); }
.skin-menu button:focus-visible,#skinToggleBtn:focus-visible { outline:2px solid var(--cyan);outline-offset:3px; }
.skin-swatch.amaranth {background:linear-gradient(135deg,#A61B29 50%,#F7ECE7 50%);}

.skin-swatch.prussian {background:linear-gradient(135deg,#043253 50%,#fff 50%);}

.skin-swatch.steel-cyan{background:linear-gradient(135deg,#2c2c34 50%,#00d4ff 50%);}

.skin-swatch.neon-green{background:linear-gradient(135deg,#101820 50%,#08fc2e 50%);}