/*
 * Visual themes are deliberately isolated from application behavior.
 * Gamer keeps the shipped interface untouched. Studio only overrides visual
 * primitives and works with both the existing light and dark color modes.
 */

.tcloud-visual-theme-switcher {
  position: fixed;
  z-index: 10035;
  top: max(0.7rem, env(safe-area-inset-top));
  right: max(0.7rem, env(safe-area-inset-right));
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid hsl(var(--border));
  border-radius: 9px;
  background: hsl(var(--card) / 0.96);
  color: hsl(var(--muted-foreground));
  box-shadow: var(--tcd-shadow-sm);
  backdrop-filter: blur(14px);
}

.tcloud-visual-theme-switcher button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: 600 10px/1 Inter, system-ui, sans-serif;
  letter-spacing: 0.015em;
  cursor: pointer;
}

.tcloud-visual-theme-switcher button:hover {
  color: hsl(var(--foreground));
  background: hsl(var(--muted) / 0.72);
}

.tcloud-visual-theme-switcher button.is-active {
  color: hsl(var(--primary));
  background: hsl(var(--primary) / 0.1);
  box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.22);
}

.tcloud-visual-theme-switcher svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html[data-tcloud-visual="studio"] {
  --background: 214 30% 97%;
  --foreground: 218 31% 13%;
  --card: 0 0% 100%;
  --card-foreground: 218 27% 15%;
  --popover: 0 0% 100%;
  --popover-foreground: 218 27% 15%;
  --primary: 215 72% 42%;
  --primary-foreground: 0 0% 100%;
  --secondary: 214 22% 94%;
  --secondary-foreground: 218 27% 17%;
  --muted: 214 19% 92%;
  --muted-foreground: 217 13% 40%;
  --accent: 215 48% 93%;
  --accent-foreground: 215 70% 31%;
  --border: 214 18% 82%;
  --input: 0 0% 100%;
  --ring: 215 72% 42%;
  --radius: 0.5rem;
  --sidebar-background: 216 25% 96%;
  --sidebar-foreground: 218 27% 15%;
  --sidebar-primary: 215 72% 42%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 214 22% 91%;
  --sidebar-accent-foreground: 218 27% 15%;
  --sidebar-border: 214 18% 82%;
  --sidebar-ring: 215 72% 42%;
  --tac-bg: 214 30% 97%;
  --tac-panel: 0 0% 100%;
  --tac-panel-2: 214 25% 96%;
  --tac-border: 214 18% 82%;
  --tac-grid: 214 17% 88%;
  --tac-green: 215 72% 42%;
  --tac-green-bright: 215 76% 36%;
  --tac-green-glow: 215 72% 48%;
  --tac-text: 218 31% 13%;
  --tac-text-dim: 217 13% 40%;
  --tcd-shadow-sm: 0 1px 2px #17243a12, 0 1px 5px #17243a0a;
  --tcd-shadow: 0 7px 20px -12px #17243a2b, 0 1px 3px #17243a14;
  --tcd-shadow-lg: 0 18px 44px -28px #17243a52, 0 3px 10px #17243a12;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html.dark[data-tcloud-visual="studio"] {
  --background: 218 25% 8%;
  --foreground: 214 24% 93%;
  --card: 218 22% 11%;
  --card-foreground: 214 24% 93%;
  --popover: 218 22% 12%;
  --popover-foreground: 214 24% 93%;
  --primary: 214 82% 67%;
  --primary-foreground: 220 32% 10%;
  --secondary: 218 18% 16%;
  --secondary-foreground: 214 24% 93%;
  --muted: 218 17% 17%;
  --muted-foreground: 215 14% 69%;
  --accent: 216 35% 20%;
  --accent-foreground: 214 77% 81%;
  --border: 217 16% 25%;
  --input: 218 20% 13%;
  --ring: 214 82% 67%;
  --sidebar-background: 218 22% 10%;
  --sidebar-foreground: 214 24% 93%;
  --sidebar-primary: 214 82% 67%;
  --sidebar-primary-foreground: 220 32% 10%;
  --sidebar-accent: 218 18% 16%;
  --sidebar-accent-foreground: 214 24% 93%;
  --sidebar-border: 217 16% 25%;
  --sidebar-ring: 214 82% 67%;
  --tac-bg: 218 25% 8%;
  --tac-panel: 218 22% 11%;
  --tac-panel-2: 218 18% 14%;
  --tac-border: 217 16% 25%;
  --tac-grid: 217 16% 20%;
  --tac-green: 214 82% 67%;
  --tac-green-bright: 214 86% 74%;
  --tac-green-glow: 214 82% 67%;
  --tac-text: 214 24% 93%;
  --tac-text-dim: 215 14% 69%;
  --tcd-shadow-sm: 0 1px 2px #0008;
  --tcd-shadow: 0 8px 24px -14px #000b, 0 1px 3px #0008;
  --tcd-shadow-lg: 0 20px 50px -26px #000, 0 4px 14px #0008;
}

/* Typography: neutral, compact and suitable for professional workspaces. */
html[data-tcloud-visual="studio"] body,
html[data-tcloud-visual="studio"] button,
html[data-tcloud-visual="studio"] input,
html[data-tcloud-visual="studio"] textarea,
html[data-tcloud-visual="studio"] select,
html[data-tcloud-visual="studio"] .font-display,
html[data-tcloud-visual="studio"] .msn-button,
html[data-tcloud-visual="studio"] .msn-button-primary,
html[data-tcloud-visual="studio"] .msn-button-danger {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-tcloud-visual="studio"] h1,
html[data-tcloud-visual="studio"] h2,
html[data-tcloud-visual="studio"] h3,
html[data-tcloud-visual="studio"] h4 {
  letter-spacing: -0.018em;
}

/* Surfaces: remove arcade glow and translucent toy-like volume. */
html[data-tcloud-visual="studio"] :is(.glass-card, .msn-window) {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 9px;
  box-shadow: var(--tcd-shadow);
  backdrop-filter: none;
}

html[data-tcloud-visual="studio"] .glow-border {
  border-color: hsl(var(--border));
  box-shadow: none;
}

html[data-tcloud-visual="studio"] :is(
  .tcloud-workspace-menu,
  .tcloud-workspace-panel,
  .tcloud-layout-menu,
  .tcloud-system-setting,
  .tcloud-call-window,
  .tcloud-call-invites,
  .tcloud-note-element-menu,
  .tcloud-note-slash-menu,
  .tcloud-note-page-menu,
  .tcloud-note-create-menu,
  .tcloud-broadcast-room .lk-settings-menu-modal,
  .tcloud-broadcast-room .lk-device-menu
) {
  border-radius: 8px;
  box-shadow: var(--tcd-shadow);
  backdrop-filter: none;
}

/* Controls: office-product geometry with restrained feedback. */
html[data-tcloud-visual="studio"] :is(
  .msn-button,
  .msn-button-primary,
  .msn-button-danger,
  .msn-input,
  button,
  input,
  textarea,
  select
) {
  transition-duration: 120ms;
}

html[data-tcloud-visual="studio"] :is(.msn-button, .msn-button-primary, .msn-button-danger) {
  min-height: 34px;
  border-radius: 6px;
  box-shadow: none;
  font-size: 0.75rem;
  font-weight: 600;
}

html[data-tcloud-visual="studio"] .msn-button-primary {
  box-shadow: none;
}

html[data-tcloud-visual="studio"] .msn-button-primary:hover {
  background: hsl(var(--primary) / 0.9);
  box-shadow: none;
}

html[data-tcloud-visual="studio"] :is(.msn-input, input, textarea, select):focus-visible,
html[data-tcloud-visual="studio"] button:focus-visible,
html[data-tcloud-visual="studio"] a:focus-visible {
  outline: 2px solid hsl(var(--ring) / 0.72);
  outline-offset: 2px;
  box-shadow: none;
}

html[data-tcloud-visual="studio"] .tcloud-chip,
html[data-tcloud-visual="studio"] .tcloud-live-status {
  border-radius: 4px;
  letter-spacing: 0.035em;
  box-shadow: none;
}

/* Icons: consistent line language, without neon or pseudo-3D rendering. */
html[data-tcloud-visual="studio"] :is(button, a, [role="button"]) > svg,
html[data-tcloud-visual="studio"] :is(.tcloud-settings-symbol, .tcloud-workspace-tool-icon) svg {
  stroke-width: 1.65px;
  filter: none;
}

html[data-tcloud-visual="studio"] .tcloud-folder-preview,
html[data-tcloud-visual="studio"] .tcloud-orbit-tool-symbol,
html[data-tcloud-visual="studio"] .tcloud-settings-symbol,
html[data-tcloud-visual="studio"] .tcloud-workspace-tool-icon,
html[data-tcloud-visual="studio"] .tcloud-call-kind,
html[data-tcloud-visual="studio"] .tcloud-broadcast-mark {
  background: hsl(var(--secondary));
  color: hsl(var(--primary));
  border: 1px solid hsl(var(--border));
  border-radius: 7px;
  box-shadow: none;
  backdrop-filter: none;
}

html[data-tcloud-visual="studio"] .tcloud-orbit-tool-symbol svg,
html[data-tcloud-visual="studio"] .tcloud-settings-symbol svg {
  color: currentColor;
  stroke-width: 1.65px;
  filter: none;
}

/* The orbit remains navigationally identical, with professional rendering. */
html[data-tcloud-visual="studio"] .tcloud-assistant-button {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 12px;
  box-shadow: var(--tcd-shadow);
  animation: none;
  backdrop-filter: none;
}

html[data-tcloud-visual="studio"] .tcloud-assistant-button::before,
html[data-tcloud-visual="studio"] .tcloud-assistant-button::after,
html[data-tcloud-visual="studio"] .tcloud-orbit-halo {
  display: none;
}

html[data-tcloud-visual="studio"] .tcloud-assistant-button img {
  filter: none;
  border-radius: 8px;
}

html[data-tcloud-visual="studio"] :is(.tcloud-orbit-group, .tcloud-orbit-tool) {
  filter: none;
  animation-duration: 150ms;
}

html[data-tcloud-visual="studio"] .tcloud-orbit-brand {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 10px;
  box-shadow: var(--tcd-shadow-sm);
}

html[data-tcloud-visual="studio"] .tcloud-orbit-brand img {
  width: 92%;
  height: 92%;
  filter: none;
}

html[data-tcloud-visual="studio"] :is(.tcloud-orbit-group strong, .tcloud-orbit-tool-label) {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 5px;
  box-shadow: var(--tcd-shadow-sm);
  text-shadow: none;
  backdrop-filter: none;
  font-weight: 600;
}

html[data-tcloud-visual="studio"] .tcloud-orbit-layer .tcloud-orbit-group:hover,
html[data-tcloud-visual="studio"] .tcloud-orbit-layer .tcloud-orbit-tool:hover {
  filter: none;
  transform: translate(-50%, -50%);
}

html[data-tcloud-visual="studio"] :is(.tcloud-assistant-utilities, .tcloud-assistant-primary-actions) {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 8px;
  box-shadow: var(--tcd-shadow);
  backdrop-filter: none;
}

html[data-tcloud-visual="studio"] :is(
  .tcloud-assistant-utilities,
  .tcloud-assistant-primary-actions,
  .tcloud-workspace-shortcuts,
  .tcloud-workspace-launcher,
  .tcloud-view-controls,
  .tcloud-layout-picker
) button {
  border-radius: 5px;
}

/* Messaging, windows and conferencing remain functionally unchanged. */
html[data-tcloud-visual="studio"] :is(
  .tcloud-broadcast-brandbar,
  .tcloud-call-header,
  .tcloud-broadcast-room .lk-control-bar
) {
  background: hsl(var(--card));
  border-color: hsl(var(--border));
  border-radius: 0;
  box-shadow: 0 1px 0 hsl(var(--border));
  backdrop-filter: none;
}

html[data-tcloud-visual="studio"] .tcloud-broadcast-room .lk-control-bar {
  border: 1px solid hsl(var(--border));
  border-radius: 8px;
  box-shadow: var(--tcd-shadow-sm);
}

html[data-tcloud-visual="studio"] :is(
  .tcloud-broadcast-room .lk-control-bar > .lk-button,
  .tcloud-broadcast-room .lk-control-bar > .lk-button-group > .lk-button,
  .tcloud-call-header > button
) {
  border-radius: 6px;
  box-shadow: none;
  transform: none;
}

html[data-tcloud-visual="studio"] .tcloud-broadcast-room .lk-participant-tile {
  border-radius: 7px;
  box-shadow: none;
}

html[data-tcloud-visual="studio"] .tcloud-live-status i,
html[data-tcloud-visual="studio"] .tcloud-call-contact-list i.is-online,
html[data-tcloud-visual="studio"] .tcloud-top-window-card i {
  box-shadow: none;
  animation: none;
}

@media (max-width: 720px) {
  .tcloud-visual-theme-switcher {
    top: auto;
    right: max(0.55rem, env(safe-area-inset-right));
    bottom: max(0.55rem, env(safe-area-inset-bottom));
  }

  .tcloud-visual-theme-switcher button {
    width: 31px;
    justify-content: center;
    padding: 0;
  }

  .tcloud-visual-theme-switcher span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tcloud-visual-theme-switcher *,
  html[data-tcloud-visual="studio"] * {
    transition-duration: 0.01ms !important;
  }
}

/* Studio: retain each tool's original Lucide symbol, removing the decorative
   chrome, neon rings, halos and spheres. React still owns the complete SVG. */
html[data-tcloud-visual="studio"] .tcloud-glyph {
  color: hsl(var(--primary));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 9px;
  box-shadow: var(--tcd-shadow-sm);
  filter: none !important;
  overflow: visible;
}
html[data-tcloud-visual="studio"] .tcloud-glyph > :not(svg) {
  display: none;
}
html[data-tcloud-visual="studio"] .tcloud-glyph > svg {
  x: 13px;
  y: 13px;
  width: 38px !important;
  height: 38px !important;
  color: hsl(var(--primary)) !important;
  stroke: currentColor !important;
  stroke-width: 1.65px !important;
  filter: none !important;
}
html[data-tcloud-visual="studio"] .tcloud-landing-backdrop {
  background: hsl(var(--background));
}
html[data-tcloud-visual="studio"] .tcloud-landing-backdrop video {
  display: none;
}
html[data-tcloud-visual="studio"] :is(.tcloud-orbital-track, .tcloud-living-hint) {
  display: none;
}
html[data-tcloud-visual="studio"] .tcloud-living-core {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 22px;
  box-shadow: var(--tcd-shadow);
  filter: none;
  animation: none;
}
html[data-tcloud-visual="studio"] .tcloud-living-core img {
  display: none;
}
html[data-tcloud-visual="studio"] .tcloud-living-core::before {
  display: none;
}
html[data-tcloud-visual="studio"] .tcloud-living-core::after {
  content: "";
  position: static;
  width: 48px;
  height: 48px;
  background: hsl(var(--primary));
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='14' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18M10 12v3h4v-3'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: none;
  filter: none;
  box-shadow: none;
  animation: none;
}
html[data-tcloud-visual="studio"] .tcloud-access-node > span {
  filter: none;
}
html[data-tcloud-visual="studio"] .tcloud-access-node strong {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 5px;
  color: hsl(var(--foreground));
  text-shadow: none;
  box-shadow: var(--tcd-shadow-sm);
}
html[data-tcloud-visual="studio"] :is(h1, h2, h3, .tcloud-access-node) {
  text-shadow: none;
  filter: none;
}

/* Color Studio: original illustrated app tiles, with one stable color per
   function. The same artwork is used in light and dark for recognition. */
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon] {
  background: var(--studio-art) center / contain no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 3px 3px #17396524) !important;
  overflow: visible;
}
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon] > * {
  visibility: hidden;
}
html.dark[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon] {
  filter: drop-shadow(0 4px 4px #0005) !important;
}
html[data-tcloud-visual="studio"] .tcloud-glyph:not([data-studio-icon]) {
  color: #fff;
  background: linear-gradient(145deg,#a0beed,#466cb1);
  border: 1px solid #ffffff40;
  border-radius: 23%;
  box-shadow: 0 2px 4px #29497420;
}
html[data-tcloud-visual="studio"] .tcloud-glyph:not([data-studio-icon]) > svg {
  color: #fff !important;
  stroke-width: 2px !important;
}
html[data-tcloud-visual="studio"] .tcloud-living-core {
  background: url('/assets/studio-icons-20261013/workspace.svg') center / contain no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 8px 9px #24456c26);
}
html[data-tcloud-visual="studio"] .tcloud-living-core::after {
  display: none;
}
html[data-tcloud-visual="studio"] .tcloud-assistant-button {
  background: url('/assets/studio-icons-20261013/workspace.svg') center / contain no-repeat;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  filter: drop-shadow(0 5px 6px #24456c26);
}
html[data-tcloud-visual="studio"] .tcloud-assistant-button img {
  visibility: hidden;
}
html[data-tcloud-visual="studio"] :is(.tcloud-orbit-brand, .tcloud-orbit-tool-symbol, .tcloud-sidebar-symbol) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
html[data-tcloud-visual="studio"] .tcloud-access-node .tcloud-glyph {
  width: 64px !important;
  height: 64px !important;
}
html[data-tcloud-visual="studio"] .tcloud-access-node b {
  font-size: 11px;
  font-weight: 600;
  border-radius: 6px;
  padding: 3px 8px;
  margin-top: 4px;
  box-shadow: none;
}
html[data-tcloud-visual="studio"] .tcloud-landing-capabilities .tcloud-glyph {
  width: 52px !important;
  height: 52px !important;
}
html[data-tcloud-visual="studio"] :is(.msn-button-primary,button[data-primary]) {
  background: linear-gradient(180deg,hsl(var(--primary) / .88),hsl(var(--primary)));
  box-shadow: inset 0 1px 0 #ffffff30,0 2px 4px #25456a15;
  border-radius: 9px;
}
html[data-tcloud-visual="studio"] .glass-card {
  border-radius: 14px;
  box-shadow: var(--tcd-shadow);
}

html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="chat"] {
      --studio-art: url('/assets/studio-icons-20261013/chat.svg');
      --studio-accent: #168342;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="broadcast"] {
      --studio-art: url('/assets/studio-icons-20261013/broadcast.svg');
      --studio-accent: #cd3b55;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="notes"] {
      --studio-art: url('/assets/studio-icons-20261013/notes.svg');
      --studio-accent: #b97a0d;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="security"] {
      --studio-art: url('/assets/studio-icons-20261013/security.svg');
      --studio-accent: #087e99;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="plans"] {
      --studio-art: url('/assets/studio-icons-20261013/plans.svg');
      --studio-accent: #237e58;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="signin"] {
      --studio-art: url('/assets/studio-icons-20261013/signin.svg');
      --studio-accent: #2668d1;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="contacts"] {
      --studio-art: url('/assets/studio-icons-20261013/contacts.svg');
      --studio-accent: #7951c6;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="downloads"] {
      --studio-art: url('/assets/studio-icons-20261013/downloads.svg');
      --studio-accent: #5b56ce;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="workflow"] {
      --studio-art: url('/assets/studio-icons-20261013/workflow.svg');
      --studio-accent: #118a9d;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="files"] {
      --studio-art: url('/assets/studio-icons-20261013/files.svg');
      --studio-accent: #367bda;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="media"] {
      --studio-art: url('/assets/studio-icons-20261013/media.svg');
      --studio-accent: #d15f83;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="settings"] {
      --studio-art: url('/assets/studio-icons-20261013/settings.svg');
      --studio-accent: #697c98;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="remote"] {
      --studio-art: url('/assets/studio-icons-20261013/remote.svg');
      --studio-accent: #2689b5;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="drawing"] {
      --studio-art: url('/assets/studio-icons-20261013/drawing.svg');
      --studio-accent: #d58336;
    }
html[data-tcloud-visual="studio"] .tcloud-glyph[data-studio-icon="workspace"] {
      --studio-art: url('/assets/studio-icons-20261013/workspace.svg');
      --studio-accent: #5974d5;
    }

/* Stable pointer targets: color feedback must never move the clickable box. */
html[data-tcloud-visual="studio"] :is(#root,.tcd-shell-bg) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
html[data-tcloud-visual="studio"] :is(.tcloud-glyph,.tcloud-access-node > span) {
  transform: none !important;
  scale: 1 !important;
  translate: none !important;
  rotate: none !important;
  animation: none !important;
  transition-property: opacity, color, background-color, border-color, box-shadow;
}
html[data-tcloud-visual="studio"] :is(button,a):has(> .tcloud-glyph) {
  transform: none !important;
  scale: 1 !important;
  translate: none !important;
  rotate: none !important;
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 120ms;
}
html[data-tcloud-visual="studio"] .tcloud-orbit-layer :is(.tcloud-orbit-group,.tcloud-orbit-tool) {
  transform: translate(-50%, -50%) !important;
  scale: 1 !important;
  translate: none !important;
  animation: none !important;
  transition-property: opacity, color, background-color, border-color;
}
html[data-tcloud-visual="studio"] .tcloud-tool-shortcuts .tcloud-orbit-tool {
  transform: none !important;
  scale: 1 !important;
  translate: none !important;
  animation: none !important;
}
html[data-tcloud-visual="studio"] .tcloud-living-system {
  transform: none !important;
  transition: none;
}
html[data-tcloud-visual="studio"] :is(.tcloud-living-core,.tcloud-assistant-button) {
  background: url('/assets/touchassist-circle-20261013.svg') center / contain no-repeat;
  border-radius: 50%;
  aspect-ratio: 1;
  scale: 1 !important;
  translate: none !important;
  rotate: none !important;
  animation: none !important;
  transition-property: box-shadow, outline-color;
  touch-action: manipulation;
}
html[data-tcloud-visual="studio"] .tcloud-living-core {
  left: 50%;
  top: 50%;
  width: 104px;
  height: 104px;
  transform: translate(-50%, -50%) !important;
}
html[data-tcloud-visual="studio"] .tcloud-assistant-button {
  transform: none !important;
  /* Preserve the existing drag gesture for the movable workspace assistant. */
  touch-action: none;
}
html[data-tcloud-visual="studio"] :is(button,a):has(> .tcloud-glyph):hover {
  background-color: hsl(var(--primary) / .09);
}
html[data-tcloud-visual="studio"] .tcloud-access-node:is(:hover,:focus-visible) .tcloud-glyph {
  outline: 2px solid hsl(var(--primary) / .6);
  outline-offset: 3px;
  border-radius: 24%;
}
html[data-tcloud-visual="studio"] :is(.tcloud-living-core,.tcloud-assistant-button):is(:hover,:focus-visible) {
  outline: 2px solid hsl(var(--primary) / .6);
  outline-offset: 4px;
}
html[data-tcloud-visual="studio"] .tcloud-home-tooltip {
  transform: translate(-50%, 0);
  transition-property: opacity;
}
html[data-tcloud-visual="studio"] .tcloud-visual-theme-switcher button {
  min-height: 36px;
}
@media (max-width: 1440px) {
  .tcloud-visual-theme-switcher {
    top: auto;
    bottom: max(12px, env(safe-area-inset-bottom));
  }
  html[data-tcloud-visual="studio"] .tcloud-landing { padding-bottom: 72px; }
}
@media (max-width: 600px) {
  html[data-tcloud-visual="studio"] .tcloud-living-stage { height: 340px; }
  html[data-tcloud-visual="studio"] .tcloud-living-core { width: 88px; height: 88px; }
  html[data-tcloud-visual="studio"] .tcloud-access-node .tcloud-glyph { width: 56px !important; height: 56px !important; }
  html[data-tcloud-visual="studio"] .tcloud-landing { padding-bottom: 72px; }
  .tcloud-visual-theme-switcher button {
    min-width: 78px;
    width: auto;
    min-height: 44px;
    gap: 5px;
  }
  .tcloud-visual-theme-switcher span {
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    overflow: visible;
  }
}

/* Minimal TLM medallion: no pictogram and no animated effects. */
html[data-tcloud-visual="studio"] :is(.tcloud-living-core,.tcloud-assistant-button) {
  background-image: url('/assets/touchassist-medallion-light-20261013.svg');
  filter: none;
  box-shadow: none;
}
html.dark[data-tcloud-visual="studio"] :is(.tcloud-living-core,.tcloud-assistant-button) {
  background-image: url('/assets/touchassist-medallion-dark-20261013.svg');
}

/* Appearance lives inside each visual style menu. */
.tcloud-landing > header > button[aria-label="Tema claro"],
.tcloud-landing > header > button[aria-label="Tema escuro"] { display: none; }
.tcloud-visual-theme-switcher button { min-height: 44px; font-size: 12px; }
.tcloud-visual-theme-switcher .tcloud-theme-chevron { width: 12px; height: 12px; }
.tcloud-theme-panel { position:absolute; top:calc(100% + 8px); right:0; width:242px; max-width:calc(100vw - 24px); padding:14px; border:1px solid hsl(var(--border)); border-radius:16px; background:hsl(var(--card)); color:hsl(var(--foreground)); box-shadow:0 12px 32px #0002; }
.tcloud-theme-panel[hidden] { display:none; }
.tcloud-theme-heading { margin:0 0 12px; font:600 12px/1.4 Inter,system-ui,sans-serif; }
.tcloud-mode-options { display:flex; gap:8px; }
.tcloud-mode-options button { flex:1; justify-content:center; min-height:48px; border:1px solid hsl(var(--border)); border-radius:10px; }
.tcloud-mode-options button svg { width:19px; height:19px; }
.tcloud-visual-theme-switcher button:focus-visible { outline:2px solid hsl(var(--primary)); outline-offset:2px; }
@media(max-width:1440px) { .tcloud-theme-panel { top:auto; bottom:calc(100% + 8px); } }