.user-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .3rem .25rem .7rem;border-radius:999px;background:#ffffff14;border:1px solid #ffffff26;font-size:.85rem;color:inherit}
.user-chip .user-name{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-logout{all:unset;box-sizing:border-box;cursor:pointer;padding:.25rem .65rem;border-radius:999px;background:#ffffff1f;font-size:.8rem;font-weight:600}
.user-logout:hover{background:#ffffff38}
.user-logout:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.role .lock,.studio-link .lock{margin-left:.4rem;font-size:.85em;opacity:.8}
.login-card{max-width:26rem;margin-inline:auto}
.login-card form{display:grid;gap:.4rem}
.login-card .pw-row{display:flex;gap:.4rem;align-items:stretch}
.login-card .pw-row input{flex:1;min-width:0}
.login-card .pw-toggle{flex:none;padding:0 .8rem}
.login-card .form-error{min-height:1.4em;margin:.2rem 0 0;color:#ff7a7a;font-weight:600}
.login-card .form-error:empty{display:none}
.login-card .btn{margin-top:.6rem}
.login-card .hint{opacity:.75;font-size:.85rem;margin:.1rem 0 .4rem}