/* Keep styling controls outside the reader theme, like the world presentation palette. */
#profile-style-trigger{position:fixed;right:0;top:40%;z-index:1001;background:#292929;color:#eee;border:1px solid #666;padding:14px;display:flex;gap:10px;align-items:center;font:600 14px/1.4 Arial,sans-serif;border-radius:0}
#profile-style-panel{position:fixed;right:0;top:0;bottom:0;z-index:1100;width:min(420px,100vw);overflow:auto;padding:24px;background:#202020;color:#eee;border-left:1px solid #555;box-shadow:-12px 0 32px #0006;font:14px/1.6 Arial,sans-serif}
#profile-style-panel [hidden],#profile-style-panel[hidden]{display:none!important}
#profile-style-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
#profile-style-panel h2{font:600 26px/1.2 Arial,sans-serif;color:#eee;margin:8px 0}
#profile-style-panel small{color:#aaa;letter-spacing:.1em}
#profile-style-panel :is(button,input,select){border:1px solid #666;border-radius:0;background:#292929;color:#eee;padding:12px;font:inherit}
#profile-style-panel button{cursor:pointer}
#profile-style-panel :is(button,input,select):focus-visible,#profile-style-trigger:focus-visible{outline:2px solid #53b8ee;outline-offset:3px}
#profile-style-panel label{display:block;margin-bottom:8px}
#profile-style-panel input[type=search]{width:100%;margin-bottom:12px}
#profile-theme-browser{padding:12px;border:1px solid #555;margin-top:8px;background:#141414}
#profile-theme-choices{max-height:45vh;overflow:auto;display:grid;gap:8px}
#profile-theme-choices button,.profile-theme-current{display:flex;align-items:center;gap:14px;width:100%;text-align:left}
#profile-style-panel img{width:104px;height:60px;object-fit:cover}
#profile-style-panel button[aria-pressed=true]{border-color:#53b8ee;background:#253744}
#profile-style-panel button[type=submit]{background:#176e9d;width:100%}
#profile-style-panel p{color:#bbb}
@media(max-width:600px){#profile-style-trigger span{display:none}}
/* Stay above the authenticated application's fixed utility rail. */
#profile-style-panel{z-index:2147483000}
#profile-style-trigger{right:56px;z-index:1200}

/* Icon-only launcher; reveal the label without moving the icon. */
#profile-style-trigger{gap:0;min-width:48px;min-height:48px;justify-content:center}
#profile-style-trigger>span{display:block;position:absolute;right:100%;top:-1px;bottom:-1px;white-space:nowrap;background:#292929;border:1px solid #666;border-right:0;padding:14px;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .15s,transform .15s;pointer-events:none}
#profile-style-trigger:is(:hover,:focus-visible)>span{opacity:1;visibility:visible;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){#profile-style-trigger>span{transition:none}}

#profile-tabs-form{border-top:1px solid #47484a;margin-top:24px;padding-top:20px}
#profile-tabs-form fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}
#profile-tabs-form legend{font-size:18px;color:#ebeef5;border:0;margin-bottom:8px}
#profile-tabs-form .profile-tab-choice{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:15px}
#profile-tabs-form .profile-tab-choice input{appearance:auto;width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:#227eac;flex:none}
#profile-tabs-form>button{background:#227eac;color:#ebeef5;border:0;padding:10px 16px;border-radius:0}
#profile-tabs-form>button:hover{background:#298dbd}
#profile-tabs-form>button:disabled{opacity:.6}
#profile-tabs-status,#profile-tabs-form p,.profile-tabs-membership-note{font-size:14px;line-height:1.5;color:#c9cbd1}
