/* A transparent black navigation surface, with readable controls in both themes. */
.site-header {
  --text: #f5faf7;
  --muted: #edf5ef;
  --faint: #d4e3d9;
  --line: #ffffff30;
  --surface: #0e1712;
  --surface-2: #17251d;
  --raised: #23382b;
  --accent: #91efba;
  background: rgb(2 7 5 / 58%);
  color: var(--text);
  border-bottom-color: #e6fff01f;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 8px 32px #0000000d;
}
.site-header .desktop-nav a,
.site-header .desktop-nav summary,
.site-header .header-controls select,
.site-header .icon-button { color: #edf5ef; }
.site-header .desktop-nav a:hover,
.site-header .desktop-nav summary:hover { color: #acffd0; }
.site-header .nav-dropdown,
.site-header .mobile-menu nav { background: #0e1712f5; color: #f5faf7; border-color: #ffffff30; }
.site-header .header-controls option { background: #0e1712; color: #f5faf7; }
.header-language,.header-theme{display:flex;align-items:center;gap:6px;color:#edf5ef;font-size:10px;font-weight:650;white-space:nowrap}
.v26-language-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;font-size:17px;line-height:1;flex:none}
.v26-language-flag svg{display:block;width:24px;height:15px;border-radius:2px;box-shadow:0 0 0 1px #ffffff42}
.v26-footer-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.v26-language-menu{position:relative;color:#edf5ef}
.v26-language-menu>summary{display:flex;align-items:center;gap:6px;min-height:40px;max-width:190px;padding:7px 9px;border:1px solid #8effbd55;border-radius:10px;background:#07100c;font-size:11px;line-height:1.2}
.v26-language-menu>summary>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v26-language-list{position:absolute;z-index:80;top:calc(100% + 7px);right:0;width:min(285px,calc(100vw - 24px));max-height:min(65vh,520px);overflow:auto;padding:7px;border:1px solid #70e7a84f;border-radius:13px;background:#07100cf7;box-shadow:0 18px 48px #0009}
.v26-language-list button{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:8px 10px;border-radius:8px;background:transparent;color:#edf5ef;text-align:left;font-size:12px}
.v26-language-list button:hover,.v26-language-list button:focus-visible,.v26-language-list button[aria-selected=true]{background:#153322;color:#aaffd0}
.header-language>span:not(.v26-language-flag),.header-theme>span{display:none}
.header-language select{min-height:40px}
html[data-theme=light] .site-header .brand-dark { display: block; }
html[data-theme=light] .site-header .brand-light { display: none; }
.site-header :focus-visible { outline: 3px solid #b0ffd2; outline-offset: 4px; }
.v21-chat-label { flex-wrap: wrap; }
.v21-chat-label .v21-live-dot { margin-right: auto; }
.v22-new-chat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid var(--line);
  border-radius: 100px;
  background: var(--surface);
  color: var(--text);
  font-size: 11px;
  line-height: 1.4;
  white-space: nowrap;
}
.v22-new-chat .icon { width: 15px; height: 15px; }
.v22-new-chat:hover { border-color: var(--accent); background: var(--surface-2); }
.v22-new-chat:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
@supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
  .site-header { background: #07100cf2; }
}
@media (max-width: 520px) {
  .header-inner{display:grid;grid-template-columns:104px minmax(0,1fr) 44px 36px;padding:10px 12px;gap:7px;min-height:116px}
  .header-inner>a:first-of-type{grid-column:1;grid-row:1;min-width:0;overflow:hidden}
  .header-inner>a:first-of-type .brand{width:96px;max-width:100%}
  .header-controls{display:contents}
  .header-language{display:contents}
  .header-theme{grid-column:3;grid-row:1;gap:3px;flex-direction:column;font-size:8px;line-height:1}
  .header-theme>span{display:block;order:2}
  .header-language>.v26-language-menu,.header-controls>.v26-language-menu{grid-column:2;grid-row:1;min-width:0}
  .header-language .v26-language-menu>summary,.header-controls>.v26-language-menu>summary{width:100%;min-height:38px;padding:5px;gap:4px;font-size:9px}
  .header-language .v26-language-flag,.header-controls>.v26-language-menu .v26-language-flag{display:inline-flex;width:22px;height:18px}
  .header-theme>.icon-button{width:34px;height:34px;border:1px solid #8effbd55;background:#07100c;color:#fff}
  .mobile-menu{grid-column:4;grid-row:1}.mobile-menu .icon-button{width:36px;height:36px;border:1px solid #ffffff20}
  .header-controls>a.button{display:flex;grid-row:2;min-height:38px;font-size:10px;padding:8px 10px}
  .header-controls>a.button{grid-column:1/5;width:calc(50% - 4px)}
  .header-controls>a.button:not(.v26-create-account){justify-self:start}
  .header-controls>a.v26-create-account{justify-self:end}
  .v26-language-list{position:fixed;top:70px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 86px)}
  .v21-chat-label { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px; row-gap: 4px; }
  .v21-chat-label > span:first-child { grid-column: 1; }
  .v21-chat-label .v21-live-dot { grid-column: 1; grid-row: 2; }
  .v22-new-chat { grid-column: 2; grid-row: 1 / span 2; font-size: 10px; min-height: 44px; padding-inline: 10px; }
}

/* One black creation surface across public chat, Music, Video and Studio. */
.v26-creator-shell{
  --bg:#050806;--surface:#07100c;--surface-2:#0b1510;--raised:#102219;
  --text:#f7fbf8;--muted:#c2d0c7;--faint:#91a69a;--line:#72e5a24d;
  --accent:#69e7a2;--accent-strong:#69e7a2;--on-accent:#041009;
  color:var(--text)!important;background:#050806!important;border:1px solid #69e7a266!important;
  box-shadow:0 22px 64px #0006,0 0 0 1px #0df48b0a!important;
}
.v26-creator-shell .composer,.v26-creator-shell textarea,.v26-creator-shell input,.v26-creator-shell select,
.v26-creator-shell .segmented,.v26-creator-shell .music-studio-composer{background:#07100c!important;color:#f7fbf8!important;border-color:#69e7a240!important}
.v26-creator-shell .segmented button[aria-pressed=true],.v26-creator-shell .music-studio-tab[aria-selected=true]{background:#13251a!important;color:#91efba!important;box-shadow:inset 0 0 0 1px #69e7a255}
.v26-creator-shell .button,.v26-creator-shell .send-button{background:#69e7a2!important;color:#041009!important}
.v26-creator-shell .button.secondary,.v26-creator-shell .icon-button{background:#0b1510!important;color:#e8f7ee!important;border-color:#69e7a240!important}
html[data-theme=light] .v26-creator-shell{color:#f7fbf8!important;background:#050806!important}
@media(max-width:520px){.v26-creator-shell{border-radius:18px!important}.public-chat.v26-creator-shell{padding:12px}.video-prompt.v26-creator-shell,.music-studio-v22.v26-creator-shell,.studio-controls.v26-creator-shell{padding:16px!important}}