/* The same studio destinations in Creato chat and the film production workspace. */
.cc-studio-switcher {display:flex;align-items:center;gap:8px;min-width:0;}
.cc-workspace .cc-studio,.studio-topnav .ac-studio-destination {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;
  padding:0 13px;border:1px solid #c3a3ff58;border-radius:9px;text-decoration:none;
  font:600 10px/1.3 "Instrument Sans","Segoe UI",sans-serif;letter-spacing:.045em;
  white-space:nowrap;color:#efe7ff;background:linear-gradient(145deg,#b793ff22,#b793ff08);
  box-shadow:inset 0 1px #ffffff12,0 2px 10px #00000018;
  transition:background .18s,border-color .18s,transform .18s;
}
.cc-workspace .cc-studio-code,.studio-topnav .ac-studio-code {border-color:#c7a6fb8c;background:linear-gradient(135deg,#9d71eb30,#d1b2ff12);color:#f6eeff;}
.cc-workspace .cc-studio b,.ac-studio-destination b {background:#c2a0fb;color:#241637;padding:2px 4px;border-radius:3px;font-size:9px;letter-spacing:.055em;}
.cc-workspace .cc-studio:hover,.studio-topnav .ac-studio-destination:hover {border-color:#d2baff;transform:translateY(-1px);background:#b793ff29;}
.cc-studio svg,.ac-studio-destination svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.cc-studio>svg:last-child {display:none;}
.cc-workspace .cc-studio span {overflow:visible;text-overflow:clip;}
.studio-top strong {letter-spacing:.04em;font-size:11px;}
.studio-topnav {align-items:center;}
@media(max-width:680px){
 .cc-workspace {grid-template-rows:94px 45px minmax(0,1fr);}
 .cc-workspace.is-loading {grid-template-rows:94px minmax(0,1fr);}
 .cc-header {position:relative;display:flex;flex-wrap:wrap;align-content:center;gap:5px 8px;padding:7px 10px;}
 .cc-brand {height:31px;}
 .cc-brand strong {display:block!important;font-size:15px;}
 .cc-header-spacer {flex:1;}
 .cc-studio-switcher {order:5;width:100%;flex:1 0 100%;gap:6px;}
 .cc-workspace .cc-studio {flex:1 1 0;padding:0 6px;min-width:0;min-height:37px;font-size:9px;letter-spacing:0;gap:4px;}
 .cc-workspace .cc-studio>svg:first-child {display:block;width:13px;height:13px;}
 .cc-history {top:94px;}
 .cc-workspace .cc-inspector {top:139px;}
 .studio-top {height:auto;min-height:90px;flex-wrap:wrap;gap:6px 10px;padding:10px 12px;}
 .studio-topnav {width:100%;display:flex;gap:6px;}
 .studio-topnav .ac-studio-destination {padding:0 7px;flex:1;font-size:9px;letter-spacing:0;}
 .studio-topnav>a:not(.ac-studio-destination) {padding:7px;font-size:10px;}
 .studio-top .divider {display:none;}
}
@media(prefers-reduced-motion:reduce){.cc-workspace .cc-studio,.studio-topnav .ac-studio-destination{transition:none;}}