:root { --artes-language-height: 64px; }
.artes-language {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: var(--artes-language-height);
  box-sizing: border-box;
  z-index: 220;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 8px clamp(12px, 4vw, 32px);
  background: rgba(9, 17, 30, .97);
  border: 1px solid rgba(110, 207, 235, .65);
  border-radius: 0;
  box-shadow: 0 4px 24px #0005;
  color: #e9f1ff;
  font: 13px/1.4 system-ui, sans-serif;
  backdrop-filter: blur(14px);
}
.artes-language label {
  margin: 0;
  font-weight: 600;
}
.artes-language select {
  font: inherit;
  color: #e9f1ff;
  background: #101c2c;
  border: 1px solid #ffffff40;
  border-radius: 10px;
  padding: 6px 9px;
  min-height: 44px;
  min-width: 110px;
  max-width: 150px;
  width: auto;
  cursor: pointer;
  color-scheme: dark;
}
.artes-language select:focus-visible {
  outline: 2px solid #67e8f9;
  outline-offset: 3px;
}
/* Reserve the top row so language controls never cover navigation or content. */
body {
  padding-top: var(--artes-language-height);
  padding-bottom: 84px;
}
body.artes-has-sections { padding-top: calc(var(--artes-language-height) + var(--artes-sections-height, 66px)); }
html { scroll-padding-top: calc(var(--artes-language-height) + var(--artes-sections-height, 0px)); }
body .cine-tabs {
  position: fixed !important;
  top: var(--artes-language-height) !important;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
body .cine-tsw--squares,
body .cine-tsw--pill { top: calc(var(--artes-language-height) + var(--artes-sections-height, 66px)) !important; }
body .artes-terminal-sidebar {
  top: var(--artes-language-height);
  height: calc(100% - var(--artes-language-height));
}
body .artes-terminal-menu { top: calc(var(--artes-language-height) + 16px); }
body .artes-service-chat-launch { bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }