.interface-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.interface-language-picker { display:inline-flex; flex:0 0 auto; align-items:center; color:inherit; pointer-events:auto; }
.interface-language-picker select { box-sizing:border-box; min-height:44px; max-width:140px; padding:6px 10px; border:1px solid #cfdae7; border-radius:12px; background:transparent; color:inherit; font:inherit; font-size:14px; cursor:pointer; }
.interface-language-picker select:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.interface-language-picker select option { background:#f2f0ea; color:#172638; }
.portfolio-public-title-group { grid-column:3; display:flex; align-items:center; justify-content:flex-end; gap:16px; min-width:0; pointer-events:auto; }
.portfolio-public-title-group .portfolio-public-title { min-width:0; margin:0; }
.has-portfolio-hero .portfolio-public-header:not(.is-past-hero) .portfolio-public-title-group .portfolio-public-title { opacity:0; pointer-events:none; }
.has-portfolio-hero .portfolio-public-header:not(.is-past-hero) .interface-language-picker { color:#172638; background:#f2f0ea; border-radius:12px; }
body.portfolio-public-page.is-tab-mode:not(.has-admin-close) .portfolio-public-header { grid-template-columns:auto minmax(0,1fr) auto; }
.topbar > .interface-language-picker { position:relative; flex-shrink:0; }
/* Direction is scoped to prose; timelines, media order and navigation retain their existing direction. */
html[data-ui-direction="rtl"] :is(.interface-language-picker,.interface-translation-form,.portfolio-public-kicker,.portfolio-public-card-meta,.dashboard-activity-type,.dashboard-activity-copy,.dashboard-activity-empty) { direction:rtl; }
.interface-translation-form { display:grid; gap:12px; max-width:720px; margin-inline:auto; padding:16px; }
.interface-translation-form label { display:grid; gap:6px; }
.interface-translation-form textarea { width:100%; min-height:100px; box-sizing:border-box; }
@media(max-width:899px) {
  .portfolio-public-title-group { gap:8px; grid-row:1; }
  .interface-language-picker select { max-width:118px; font-size:14px; }
  .topbar > .interface-language-picker { margin-inline-start:auto; }
}
.site-portfolio-headline > .interface-language-picker { margin-inline-end:12px; }
@media(max-width:899px) {
 .site-portfolio-headline:has(> .interface-language-picker) { flex-wrap:wrap; row-gap:8px; }
}

@media(max-width:680px) {
 body.portfolio-public-page.is-tab-mode:not(.has-admin-close) .portfolio-public-header { grid-template-columns:auto minmax(0,1fr); }
.is-tab-mode:not(.has-admin-close) .portfolio-public-title-group { grid-column:2; grid-row:1; }
}

/* The public Portfolio owns this compact treatment; other selectors keep their layout. */
.portfolio-public-title-group { gap:24px; font-size:clamp(16px, 1.32vw, 21px); line-height:1.2; }
:is(.portfolio-public-title-group, .shared-language-header) .interface-language-picker--text {
 position:relative; display:inline-grid; align-items:center; min-height:44px;
 background:none; border:0; border-radius:0; color:inherit; font:inherit;
}
:is(.portfolio-public-title-group, .shared-language-header) .interface-language-current { visibility:hidden; white-space:nowrap; }
.has-portfolio-hero .portfolio-public-header:not(.is-past-hero) .interface-language-picker--text { background:none; border-radius:0; }
.portfolio-public-title-group .interface-language-picker--text::before {
 content:""; position:absolute; left:-12px; top:50%; width:1px; height:1em;
 transform:translateY(-50%); background:var(--portfolio-rule, #cfdae7);
}
:is(.portfolio-public-title-group, .shared-language-header) .interface-language-picker--text select {
 position:absolute; inset:0; width:100%; max-width:none; min-width:0; min-height:44px;
 margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none;
 -webkit-appearance:none; appearance:none; font:inherit; color:inherit; text-align:end;
}
:is(.portfolio-public-title-group, .shared-language-header) .interface-language-picker--text select:focus { outline:none; }
:is(.portfolio-public-title-group, .shared-language-header) .interface-language-picker--text select:focus-visible {
 outline:none; text-decoration:underline; text-underline-offset:4px;
}
/* Match the existing title visibility in tab and hero presentations. */
.is-tab-mode .portfolio-public-title-group .interface-language-picker--text::before,
.has-portfolio-hero .portfolio-public-header:not(.is-past-hero) .interface-language-picker--text::before { display:none; }
@media(max-width:680px) {
 .portfolio-public-title-group { font-size:16px; }
}

/* Named Shared Libraries keep their heading and existing action controls. */
.shared-language-header .interface-language-picker--text { font-size:16px; line-height:1.2; }
.shared-language-header .preview-site-topbar-actions-main { align-items:center; }
@media(max-width:899px) {
 /* The language sits at the end of the title row; downloads retain their existing row. */
 .shared-language-header > .site-portfolio-headline { padding-right:132px !important; box-sizing:border-box; }
 .shared-language-header .site-portfolio-headline-title {
  display:flex !important; justify-content:flex-start !important; text-align:left !important; min-width:0;
 }
 .shared-language-header .site-portfolio-headline-prefix,
 .shared-language-header .site-portfolio-headline-sep { display:inline !important; flex-shrink:0; }
 .shared-language-header .site-portfolio-headline-name {
  display:block !important; min-width:0; width:auto !important; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap; text-align:left !important;
 }
 .shared-language-header > .preview-site-topbar-actions {
  display:flex !important; position:static !important; transform:none !important;
 }
 .shared-language-header .preview-site-topbar-actions-main { position:static !important; }
 .shared-language-header .interface-language-picker--text {
  position:absolute; top:20px; right:12px; min-height:44px; margin:0; font-size:16px;
 }
}

@media(max-width:899px) {
 .shared-language-header.shared-audio-project-topbar {
  align-self:start; grid-template-rows:44px 44px !important; align-content:start !important;
 }
}

@media(max-width:680px) {
 body.portfolio-public-page.is-list-mode:not(.has-admin-close) .portfolio-public-header { grid-template-columns:auto minmax(0,1fr); }
 .is-list-mode:not(.has-admin-close) .portfolio-public-title-group { grid-column:2; }
}

/* Give translated Portfolio return labels their natural width on narrow phones. */
@media(max-width:380px) {
 body.review-client.preview-page:is([data-project-mode="video"], [data-project-mode="photo"])[data-site-scoped-project-view="1"]:not(.embedded-client-view):not(.dashboard-project-preview):not(.dashboard-quick-preview):not(.client-login-page) :is(.portfolio-video-project-topbar, .portfolio-photo-project-topbar) {
  grid-template-columns:max-content minmax(0,1fr);
 }
}