.account-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.account-controls button{font-size:12px;padding:7px 10px;white-space:nowrap}.account-user{display:flex;gap:8px;align-items:center;max-width:220px}.account-user[hidden],.account-controls [hidden]{display:none}.account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#dce6ed}.account-status-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px}.account-status-bar [hidden]{display:none}.account-status{color:#edbe7d;font-size:12px;margin:4px 0 8px}.account-favorites-filter{font-size:12px;padding:7px 12px;white-space:nowrap}.account-favorites-filter[aria-pressed=true]{border-color:#c48e43;color:#ffca72;background:#3c2e1b}.account-login-dialog{max-width:420px}.account-login-dialog p{line-height:1.8;color:#aab7c7}.account-login-actions{display:flex;justify-content:flex-end;gap:10px}.update-buttons [hidden]{display:none!important}@media(max-width:760px){header{flex-wrap:wrap}.account-controls{margin-left:auto}.account-name{max-width:92px}.account-controls button{padding:7px 9px}.account-status-bar{flex-wrap:wrap}}
.pov-gallery-heading #povFavorites{grid-column:2;grid-row:1}#povPanel .pov-gallery-heading{grid-template-columns:minmax(0,1fr) auto auto}#povPanel .pov-gallery-heading .pov-sort{grid-column:3;grid-row:1}@media(max-width:650px){#povPanel .pov-gallery-heading{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}#povPanel .pov-gallery-heading h2{grid-column:1/-1;grid-row:1}#povPanel .pov-gallery-heading #povFavorites{grid-column:1;grid-row:2;justify-self:start}#povPanel .pov-gallery-heading .pov-sort{grid-column:2;grid-row:2}}

/* Header actions share one size and stay together when the header wraps. */
header .header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
header .header-actions .site-language{margin:0;order:0}
header .header-actions .account-controls{margin:0;order:0}
header .site-language select,header #accountLogin{box-sizing:border-box;width:120px;min-width:120px;max-width:120px;height:38px;min-height:38px;margin:0;border:1px solid #344b60;border-radius:6px;background:#122332;color:#c4d8eb;padding:0 12px;font:inherit;font-size:12px;line-height:normal}
header #accountLogin:hover,header #accountLogout:hover{background:#1c3041;border-color:#587089;color:#eef5fa}
header #accountLogout{height:38px;min-height:38px;padding:0 12px;border-radius:6px}
header .account-user{max-width:none}
/* Slim bookmark: 20 x 36, with a shallow fork and a stable 40 x 44 hit area. */
.account-flag{display:flex;align-items:flex-start;justify-content:center;position:relative;isolation:isolate;flex:0 0 40px;width:40px;min-width:40px;height:44px;min-height:44px;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;z-index:4;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.account-flag:hover,.account-flag[aria-pressed=true]{background:transparent;border:0;box-shadow:none}
.account-flag svg{display:block;flex:none;width:20px;height:36px;overflow:hidden;opacity:1;transform:translateY(0);filter:drop-shadow(0 2px 2px #0006);transition:transform 220ms cubic-bezier(.2,.75,.25,1),opacity 150ms ease,filter 160ms ease}
.account-flag .bookmark-ribbon{fill:#122232ed;stroke:#bac9d4;stroke-width:1.2;stroke-linejoin:round;transition:fill 160ms ease,stroke 160ms ease}
.account-flag .bookmark-seam{fill:none;stroke:#eef6ff;stroke-opacity:.25;stroke-width:1}
.account-flag .bookmark-check{fill:none;stroke:#3c2911;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity 160ms ease}
.account-flag[aria-pressed=true] .bookmark-ribbon{fill:#e8bc76;stroke:#ffe2ae}
.account-flag[aria-pressed=true] .bookmark-seam{stroke:#fff6dc;stroke-opacity:.7}
.account-flag[aria-pressed=true] .bookmark-check{opacity:1}
.account-flag:focus-visible{outline:0}
.account-flag:focus-visible svg{filter:drop-shadow(0 0 3px #ffe2ae) drop-shadow(0 2px 2px #0008)}
.account-flag:disabled{cursor:wait;opacity:.65}
.pov-cover-card,.ps-crosshair-card{position:relative}
.pov-cover-card>.account-flag{position:absolute;right:7px;top:0}
.ps-crosshair-card>.account-flag{position:absolute;right:8px;top:0}
@media(hover:hover) and (pointer:fine){
  :is(.pov-cover-card,.ps-crosshair-card)>.account-flag{pointer-events:none}
  :is(.pov-cover-card,.ps-crosshair-card)>.account-flag svg{transform:translateY(-105%);opacity:0}
  :is(.pov-cover-card,.ps-crosshair-card):is(:hover,:focus-within)>.account-flag{pointer-events:auto}
  :is(.pov-cover-card,.ps-crosshair-card):is(:hover,:focus-within)>.account-flag svg{transform:translateY(0);opacity:1}
  .account-flag:hover svg{filter:drop-shadow(0 3px 3px #0008)}
  .account-flag:hover .bookmark-ribbon{stroke:#eff7ff;fill:#263c50f5}
  .account-flag[aria-pressed=true]:hover .bookmark-ribbon{fill:#f3c983;stroke:#fff0ce}
}

@media(max-width:760px){header .header-actions{order:1;margin-left:auto}header .view-description{order:2;flex-basis:100%}}
@media(max-width:650px){header .header-actions{gap:8px}header .site-language select,header #accountLogin{width:112px;min-width:112px;max-width:112px;height:36px;min-height:36px;padding:0 9px;font-size:11px}header #accountLogout{height:36px;min-height:36px;padding:0 10px}header .account-name{max-width:88px}.pov-cover-card>.account-flag{right:3px}.account-flag svg{width:18px;height:32px}}
@media(prefers-reduced-motion:reduce){.account-flag svg,.account-flag path{transition:none}}
@media(max-width:650px){.ps-meta{flex-wrap:wrap;gap:12px}.ps-meta .ps-result-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;min-width:0}.ps-meta .ps-result-controls #psCount{flex:1;min-width:80px}.ps-meta .ps-preview-options{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;width:100%;max-width:100%;min-width:0}.ps-meta .ps-preview-options label{display:flex;align-items:center;gap:7px;margin:0}.ps-meta .ps-preview-options select{max-width:100%}}
