/* The launch page and its workspaces share one compact navigation bar. */
html body#studioRoot:not(.auth-locked) .app-shell {padding:0 16px 16px!important}
html #studioRoot .studio-page-navigation {display:flex;align-items:center;gap:18px;min-width:0}
html #studioRoot .studio-home-return {display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:32px;padding:5px 10px;border:1px solid var(--studio-line-strong);border-radius:8px;color:var(--studio-text);background:var(--studio-panel);text-decoration:none;font-size:12px;white-space:nowrap}
html #studioRoot .studio-home-return:hover {background:var(--studio-control)}
html #studioRoot .studio-home-return:focus-visible {outline:2px solid var(--studio-accent);outline-offset:3px}
html #studioRoot[data-studio-view=home] .studio-page-navigation {display:none}
html #studioRoot[data-studio-view=home] .topbar {justify-content:flex-end!important}
html #studioRoot .studio-service-grid>:is([hidden],.hidden) {display:none!important}
html body#studioRoot[data-studio-view=home]:not(.auth-locked) .app-shell {
  padding:0 24px 24px!important;gap:0!important;height:100dvh!important;overflow:auto!important;
}
html #studioRoot[data-studio-view=home] .topbar {flex:none}
html #studioRoot[data-studio-view=home] .studio-top-title {visibility:hidden}
html #studioRoot[data-studio-view=home] :is(.license-card,.credit-card,.studio-mobile-brand) {display:none!important}
html #studioRoot .app-shell>.studio-home {
  width:100%;max-width:820px;margin:auto;flex:1;min-height:0;
  padding:30px 24px 44px!important;overflow:visible;
}
html #studioRoot .studio-home-intro {display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 28px}
html #studioRoot .studio-home-intro img {width:136px;height:118px;object-fit:contain;flex:none}
html #studioRoot .studio-home-intro p {color:var(--studio-muted);font-size:13px;letter-spacing:1px;margin:0 0 10px}
html #studioRoot .studio-home-intro h2 {font-size:30px;line-height:1.4;letter-spacing:0;margin:0;color:var(--studio-text)}
html #studioRoot .studio-home-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(100%,652px);margin:0 auto}
html #studioRoot .studio-home-tile {
  display:flex;box-sizing:border-box;aspect-ratio:1;min-width:0;min-height:0;
  flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;
  border:1px solid var(--studio-line-strong);border-radius:20px;
  background:var(--studio-panel);color:var(--studio-text);text-align:center;text-decoration:none;
  transition:background .15s,border-color .15s;
}
html #studioRoot .studio-home-tile>.si {width:38px;height:38px;margin-bottom:8px;stroke-width:1.5;color:var(--studio-text)}
html #studioRoot .studio-home-tile strong {font-size:18px;line-height:1.4;font-weight:650}
html #studioRoot .studio-home-tile>span {font-size:12px;line-height:1.5;color:var(--studio-muted)}
html #studioRoot .studio-home-tile:hover {background:var(--studio-control);border-color:var(--studio-accent)}
html #studioRoot :is(.studio-home-tile,.video-asset-entry,.studio-service-grid>a,.studio-service-grid>button):focus-visible {outline:2px solid var(--studio-accent);outline-offset:4px}
html #studioRoot .video-asset-entry {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 9px;font-size:15px;font-weight:650;line-height:1.4;text-decoration:none;color:var(--studio-text);background:var(--studio-control);border:1px solid var(--studio-line-strong);border-radius:8px}
html #studioRoot .studio-service-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:1000px}
html #studioRoot .studio-service-grid>a,html #studioRoot .studio-service-grid>button {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:170px;padding:24px;border:1px solid var(--studio-line-strong);border-radius:16px;background:var(--studio-panel);color:var(--studio-text);text-decoration:none;text-align:left}
html #studioRoot .studio-service-grid strong {font-size:16px}
html #studioRoot .studio-service-grid span {font-size:12px;color:var(--studio-muted)}
html #studioRoot .studio-service-grid .si {width:26px;height:26px}
html #studioRoot .studio-api-entry{display:flex;align-items:center;gap:18px;width:min(100%,652px);margin:18px auto 0;padding:19px 24px;border:1px solid var(--studio-line-strong);border-radius:16px;background:var(--studio-panel);color:var(--studio-text);text-decoration:none}
html #studioRoot .studio-api-entry:hover{background:var(--studio-control);border-color:var(--studio-accent)}
html #studioRoot .studio-api-entry:focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px}
html #studioRoot .studio-api-entry>.si{width:30px;height:30px;flex:none}
html #studioRoot .studio-api-entry strong{display:block;font-size:17px}
html #studioRoot .studio-api-entry small{display:block;margin-top:4px;font-size:12px;color:var(--studio-muted)}
html #studioRoot .studio-api-entry .studio-api-arrow{margin-left:auto;font-size:24px}
@media(max-width:600px) {
  html #studioRoot .prompt-upload-actions .video-asset-entry {font-size:10px;min-width:0;padding:7px 6px;gap:4px;white-space:nowrap}
  html #studioRoot .prompt-upload-actions .video-asset-entry>.si {display:block!important;width:14px;height:14px;flex:none}
  html body#studioRoot:not(.auth-locked) .app-shell {padding:0 10px 16px!important}
  html #studioRoot .studio-page-navigation .studio-top-title {display:none}
  html #studioRoot .studio-page-navigation {gap:0}
  html body#studioRoot[data-studio-view=home]:not(.auth-locked) .app-shell {padding:0 14px 20px!important}
  html #studioRoot .app-shell>.studio-home {padding:20px 0!important}
  html #studioRoot .studio-home-intro {gap:12px;margin-bottom:24px}
  html #studioRoot .studio-home-intro img {width:96px;height:90px}
  html #studioRoot .studio-home-intro h2 {font-size:21px}
  html #studioRoot .studio-home-intro p {font-size:11px;letter-spacing:0}
  html #studioRoot .studio-home-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html #studioRoot .studio-home-tile {padding:12px;gap:8px;border-radius:16px}
  html #studioRoot .studio-home-tile>.si {width:30px;height:30px;margin-bottom:4px}
  html #studioRoot .studio-home-tile strong {font-size:16px}
  html #studioRoot .studio-home-tile>span {font-size:10px}
  html #studioRoot .studio-service-grid {grid-template-columns:minmax(0,1fr)}
}