/* Three workspace layout repair, 8 Nov 2026.
   Scoped to the dedicated pages importing this file. Keep original forms,
   generation actions, project saving, storyboard logic and jelly button theme. */
body[data-studio-page]{
  background:radial-gradient(ellipse at 4% 1%,#28153e 0%,transparent 39%),radial-gradient(ellipse at 100% 13%,#102d43 0%,transparent 48%),#0b101e!important;
  overflow-x:hidden!important;
}
body[data-studio-page] .sv-app{
  width:100%!important;max-width:none!important;
  min-height:100dvh!important;margin:0!important;
  padding:7px 10px 20px!important;
}
body[data-studio-page] .sv-app>.sv-head{
  display:flex!important;position:relative!important;top:auto!important;
  width:100%!important;min-height:49px!important;height:auto!important;
  margin:0 0 11px!important;padding:7px 12px!important;gap:9px!important;
  border:1px solid #71538c99!important;border-radius:13px!important;
  background:linear-gradient(116deg,#251735de,#181a30e8)!important;
  box-shadow:inset 0 1px #ffffff21,0 5px 18px #04021170!important;
  backdrop-filter:none!important;flex-wrap:wrap!important;
}
body[data-studio-page] .sv-app>.sv-head .sv-brand{min-width:190px!important}
body[data-studio-page] .sv-app>.sv-head .sv-projectbar{display:flex!important}
body[data-studio-page] .sv-app>.sv-head #sv-head-export{display:inline-flex!important}
body[data-studio-page] .sv-production-shell{
  display:block!important;width:100%!important;max-width:none!important;
  padding:0!important;margin:0!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
}
body[data-studio-page] .sv-production-shell>.sv-grid{
  display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;
  align-items:start!important;column-gap:12px!important;
  width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;min-height:0!important;
}
body[data-studio-page] .sv-production-shell>.sv-grid>.sv-steps{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  position:sticky!important;top:10px!important;
  width:210px!important;min-width:0!important;max-width:210px!important;
  min-height:0!important;height:auto!important;
  max-height:calc(100dvh - 24px)!important;overflow:auto!important;
  margin:0!important;padding:13px 10px!important;gap:12px!important;
  background:linear-gradient(157deg,#241b35ed,#141a2bfa 72%,#21152cfa)!important;
  border:1px solid #75568eaa!important;border-radius:14px!important;
  box-shadow:inset 0 1px #fff2,0 9px 24px #05030f77!important;
  scrollbar-width:thin;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-rail-heading{
  min-height:0!important;margin:0!important;padding:0 0 10px!important;
  border-bottom:1px solid #79559678!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-rail-group{
  display:flex!important;flex-direction:column!important;gap:5px!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-rail-caption{
  display:block!important;margin:3px 4px 3px!important;font-size:9px!important;
  letter-spacing:.12em!important;color:#d3a4ef!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-step{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;max-width:100%!important;
  min-height:41px!important;height:41px!important;
  padding:6px 8px!important;gap:9px!important;
  border:1px solid #735a96!important;border-radius:10px!important;
  background:linear-gradient(175deg,#43354f,#201e2f 46%,#10121b)!important;
  box-shadow:inset 0 1px #fff5,0 3px 7px #03030b77!important;
  color:#f8eaff!important;white-space:nowrap!important;
  transition:transform .16s ease,filter .16s ease!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-step:hover,
body[data-studio-page] .sv-grid>.sv-steps .sv-step:focus-visible{
  transform:translateX(2px)!important;filter:brightness(1.15)!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-step.active,
body[data-studio-page] .sv-grid>.sv-steps .sv-step[aria-current]{
  border-color:#d9a6ff!important;
  background:linear-gradient(125deg,#8543b3,#4f3897 61%,#21618d)!important;
  box-shadow:inset 0 1px #fff8,0 0 12px #b359fb65!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-step>b{
  display:grid!important;place-items:center!important;flex:0 0 27px!important;
  width:27px!important;height:27px!important;margin:0!important;
  border-radius:7px!important;font-size:16px!important;
  background:#111625d4!important;border:1px solid #af81d5aa!important;
  color:#c1e9ff!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-step>span{
  display:flex!important;align-items:center!important;min-width:0!important;
  margin:0!important;padding:0!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-step strong{
  font:800 11px/1.2 system-ui,sans-serif!important;color:#fff!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-step small{display:none!important}
body[data-studio-page] .sv-grid>.sv-steps .sv-rail-footer{
  display:flex!important;flex-direction:column!important;gap:5px!important;
  margin:0!important;padding:10px 0 0!important;
  border-top:1px solid #74569077!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-rail-action{
  width:100%!important;max-width:none!important;min-height:31px!important;
  height:31px!important;padding:4px 8px!important;margin:0!important;
  border-radius:9px!important;font:750 10px/1.3 system-ui,sans-serif!important;
  background:linear-gradient(170deg,#35273f,#191726)!important;
  color:#eee3fc!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-rail-status{
  display:block!important;font-size:10px!important;margin-top:6px!important;
}
body[data-studio-page] .sv-grid>.sv-steps .sv-rail-status small{font-size:9px!important}
body[data-studio-page] .sv-production-shell>.sv-grid>.sv-content{
  display:flex!important;flex-direction:column!important;
  min-width:0!important;width:100%!important;max-width:none!important;
  min-height:0!important;padding:0 0 18px!important;margin:0!important;
}
body[data-studio-page] .sv-grid>.sv-content>.sv-mode-shortcuts{display:none!important}
body[data-studio-page] .sv-grid>.sv-content>section[data-panel]{
  width:100%!important;max-width:none!important;min-width:0!important;
  min-height:0!important;margin:0!important;
}
body[data-studio-page] .sv-grid>.sv-content>section[data-panel][hidden]{display:none!important}
body[data-studio-page] .sv-grid>.sv-content>section[data-panel]>.sv-heading{
  display:flex!important;justify-content:space-between!important;
  width:100%!important;max-width:none!important;margin:0 0 12px!important;
  padding:8px 9px 11px!important;
  border-bottom:1px solid #7c599c99!important;
}
body[data-studio-page] .sv-grid>.sv-content>section[data-panel]>.sv-heading h2{
  margin:0!important;font-size:clamp(19px,1.65vw,25px)!important;
  line-height:1.2!important;color:#fff!important;
}
body[data-studio-page="characters"] .sv-character-workgrid{
  display:grid!important;grid-template-columns:minmax(280px,.87fr) minmax(0,1.13fr)!important;
  gap:13px!important;align-items:stretch!important;
}
body[data-studio-page="characters"] .sv-character-editor,
body[data-studio-page="characters"] .sv-character-preview{min-width:0!important;}
body[data-studio-page="characters"] .sv-character-preview-frame{
  display:grid!important;place-items:center!important;
  min-height:clamp(310px,52vh,590px)!important;overflow:hidden!important;
}
body[data-studio-page="characters"] .sv-character-preview-frame img{
  display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;
}
body[data-studio-page="account"] .sv-account-toolbar{width:100%!important;margin:0 0 12px!important}
body[data-studio-page="account"] .sv-account-filters{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body[data-studio-page="account"] .sv-account-project-gallery{
  width:100%!important;display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:12px!important;
}
body[data-studio-page="account"] .sv-account-project-card{min-width:0!important;overflow:hidden!important}
body[data-studio-page="video"] .sv-video-review-wizard{width:100%!important;max-width:none!important}
body[data-studio-page="video"] .sv-review-step-head{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  width:100%!important;min-height:45px!important;padding:8px 12px!important;
  margin:0 0 12px!important;box-shadow:inset 0 1px #fff2!important;
}
body[data-studio-page="video"] .sv-review-step-nav{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body[data-studio-page="video"] .sv-review-step-nav button{min-height:31px!important}
body[data-studio-page] #sv-message:not(.is-visible){display:none!important}
@media(max-width:990px){
  body[data-studio-page] .sv-production-shell>.sv-grid{grid-template-columns:190px minmax(0,1fr)!important;gap:10px!important}
  body[data-studio-page] .sv-production-shell>.sv-grid>.sv-steps{width:190px!important;max-width:190px!important;padding:11px 7px!important}
  body[data-studio-page="characters"] .sv-character-workgrid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:740px){
  body[data-studio-page] .sv-production-shell>.sv-grid{display:block!important}
  body[data-studio-page] .sv-production-shell>.sv-grid>.sv-steps{display:none!important}
  body[data-studio-page] .sv-grid>.sv-content>.sv-mode-shortcuts{
    display:flex!important;position:relative!important;top:auto!important;
    width:100%!important;max-width:100%!important;flex-wrap:wrap!important;
    align-items:center!important;margin:0 0 11px!important;
    min-height:0!important;padding:6px!important;gap:4px!important;
    background:linear-gradient(120deg,#25183b,#17233a)!important;
    border:1px solid #805aa3!important;border-radius:11px!important;
  }
  body[data-studio-page] .sv-mode-shortcuts-tabs{display:flex!important;flex-wrap:wrap!important;gap:4px!important}
  body[data-studio-page] .sv-mode-shortcuts-tabs button,
  body[data-studio-page] #sv-account-open{min-height:32px!important;padding:6px 8px!important;font-size:10px!important}
  body[data-studio-page] .sv-app>.sv-head .sv-projectbar{max-width:145px!important}
  body[data-studio-page] .sv-app>.sv-head .sv-brand{min-width:140px!important}
  body[data-studio-page="account"] .sv-account-project-gallery{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important}
  body[data-studio-page="video"] .sv-review-step-head{position:relative!important;top:auto!important}
}
@media(max-width:470px){
  body[data-studio-page] .sv-app>.sv-head .sv-brand{min-width:0!important}
  body[data-studio-page] .sv-app>.sv-head .sv-projectbar{display:none!important}
  body[data-studio-page] .sv-mode-shortcuts{flex-wrap:wrap!important}
  body[data-studio-page] .sv-mode-shortcuts-tabs{width:auto!important}
  body[data-studio-page] .sv-mode-shortcuts-tabs button{padding:5px 6px!important}
  body[data-studio-page="account"] .sv-account-project-gallery{grid-template-columns:minmax(0,1fr)!important}
}


/* Full-width, separately routed Book & Story and Script & Scenes desktops. */
body[data-studio-page="story"] .sv-grid>.sv-content>section[data-panel="story"],
body[data-studio-page="script"] .sv-grid>.sv-content>section[data-panel="script"]{
 width:100%!important;max-width:none!important;margin:0!important;
 padding:8px clamp(8px,1.1vw,18px) 15px!important;
 min-width:0!important;box-sizing:border-box!important;
}
body[data-studio-page="story"] .sv-story-author-shell{
 display:grid!important;grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr)!important;
 gap:15px!important;align-items:start!important;width:100%!important;min-width:0!important;
}
body[data-studio-page="story"] .sv-story-writer-card,
body[data-studio-page="story"] .sv-story-existing-content{
 display:flex!important;flex-direction:column!important;gap:10px!important;
 min-width:0!important;min-height:0!important;
 padding:15px!important;
 border:1px solid #775a96!important;border-radius:15px!important;
 background:linear-gradient(142deg,#261b37,#171d32 80%)!important;
 box-shadow:inset 0 1px #fff3,0 7px 20px #05031976!important;
}
body[data-studio-page="story"] .sv-story-writer-head{display:flex;gap:10px;align-items:center;margin:0 0 4px}
body[data-studio-page="story"] .sv-story-writer-head h3{
 margin:0!important;color:#f9e8ff!important;font:850 18px/1.25 system-ui,sans-serif!important;
}
body[data-studio-page="story"] .sv-story-writer-head p{margin:3px 0 0!important;color:#bdafd4!important;font:500 12px/1.45 system-ui,sans-serif!important}
body[data-studio-page="story"] .sv-story-writer-star{
 display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;
 border:1px solid #b878fa;border-radius:11px;
 background:linear-gradient(145deg,#873fd4,#483a84);color:#fff;font-size:22px;
 box-shadow:0 0 18px #a34eff55,inset 0 1px #fff8;
}
body[data-studio-page="story"] .sv-story-writer-card>label,
body[data-studio-page="story"] .sv-story-chatgpt-details label{
 display:block;color:#e6d3f8!important;font:750 12px/1.3 system-ui,sans-serif!important;
}
body[data-studio-page="story"] .sv-story-writer-card textarea,
body[data-studio-page="story"] .sv-story-writer-card select{
 display:block;min-width:0;width:100%;max-width:100%!important;
 padding:12px!important;border-radius:11px!important;
 border:1px solid #805aa3!important;background:#111827!important;
 box-shadow:inset 0 2px 10px #0004!important;color:#f5e9ff!important;
 font-size:13px!important;line-height:1.55!important;
}
body[data-studio-page="story"] #sv-story-writer-idea{min-height:165px!important;resize:vertical!important}
body[data-studio-page="story"] .sv-story-writer-buttons{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;
}
body[data-studio-page="story"] .sv-story-writer-buttons .sv-button{
 width:100%!important;min-height:42px!important;margin:0!important;
 white-space:normal!important;line-height:1.3!important;
}
body[data-studio-page="story"] .sv-story-chatgpt-details{
 min-width:0;padding:11px!important;border:1px solid #6c4b8e!important;
 border-radius:10px!important;background:#18172b!important;
}
body[data-studio-page="story"] .sv-story-chatgpt-details summary{
 color:#f0dbff!important;font-size:12px!important;font-weight:800!important;cursor:pointer;
}
body[data-studio-page="story"] .sv-story-chatgpt-details[open]{
 display:flex;flex-direction:column;gap:10px;
}
body[data-studio-page="story"] .sv-story-writer-status{
 margin:4px 0 0!important;font:650 11px/1.45 system-ui!important;color:#d0c2e4!important;
 overflow-wrap:anywhere;
}
body[data-studio-page="story"] .sv-story-writer-status[data-error="true"]{color:#ffb7c4!important}
body[data-studio-page="story"] .sv-story-existing-head{
 display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:space-between;
 padding:0 0 12px;border-bottom:1px solid #69558a;
 color:#fff;font-size:15px;
}
body[data-studio-page="story"] .sv-story-existing-head span{color:#b8a8ce;font-size:11px}
body[data-studio-page="story"] .sv-story-existing-content>.sv-upload-card{margin:0!important}
body[data-studio-page="story"] .sv-story-existing-content>.sv-field{width:100%!important;min-width:0!important}
body[data-studio-page="story"] #sv-manuscript{
 width:100%!important;min-height:280px!important;font-size:14px!important;line-height:1.65!important;
 resize:vertical!important;
}
body[data-studio-page="story"] .sv-story-existing-content .sv-two{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
body[data-studio-page="story"] .sv-story-existing-content .sv-two .sv-field{min-width:0!important}
body[data-studio-page="script"] section[data-panel="script"]{
 display:grid!important;grid-template-columns:minmax(265px,.35fr) minmax(0,.65fr)!important;
 gap:13px!important;align-items:start!important;
}
body[data-studio-page="script"] section[data-panel="script"]>.sv-heading{grid-column:1/-1!important}
body[data-studio-page="script"] section[data-panel="script"]>.sv-card{
 grid-column:1!important;grid-row:2 / span 2!important;
 padding:15px!important;margin:0!important;
 border:1px solid #775a96!important;border-radius:13px!important;
 background:linear-gradient(142deg,#261b37,#171d32)!important;
}
body[data-studio-page="script"] section[data-panel="script"]>.sv-field{
 grid-column:2!important;grid-row:2!important;min-width:0!important;margin:0!important;
}
body[data-studio-page="script"] section[data-panel="script"]>.sv-actions{
 grid-column:2!important;grid-row:3!important;justify-content:flex-start!important;margin:0!important;
}
body[data-studio-page="script"] #sv-script{
 width:100%!important;min-height:360px!important;line-height:1.6!important;font-size:14px!important;
 resize:vertical!important;
}
body[data-studio-page="script"] section[data-panel="script"]>h3{
 grid-column:1/-1!important;margin:13px 2px 0!important;
}
body[data-studio-page="script"] #sv-scenes{
 grid-column:1/-1!important;display:grid!important;
 grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;
 align-items:stretch!important;gap:12px!important;width:100%!important;
}
body[data-studio-page="script"] #sv-scenes .sv-scene{min-width:0!important;max-width:none!important}
body[data-studio-page="script"] #sv-scenes .sv-scene textarea{min-width:0!important;width:100%!important}
@media(max-width:1080px){
 body[data-studio-page="story"] .sv-story-author-shell{grid-template-columns:minmax(0,1fr)!important}
 body[data-studio-page="script"] section[data-panel="script"]{grid-template-columns:minmax(0,1fr)!important}
 body[data-studio-page="script"] section[data-panel="script"]>.sv-card,
 body[data-studio-page="script"] section[data-panel="script"]>.sv-field,
 body[data-studio-page="script"] section[data-panel="script"]>.sv-actions{grid-column:1!important;grid-row:auto!important}
}
@media(max-width:600px){
 body[data-studio-page="story"] .sv-story-writer-buttons{grid-template-columns:minmax(0,1fr)}
 body[data-studio-page="story"] .sv-story-existing-content .sv-two{grid-template-columns:minmax(0,1fr)!important}
 body[data-studio-page="story"] .sv-story-writer-card,
 body[data-studio-page="story"] .sv-story-existing-content{padding:11px!important}
 body[data-studio-page="script"] #sv-scenes{grid-template-columns:minmax(0,1fr)!important}
}


/* Character Creation: clean three-step workspace, saved generations and opt-in Commons. */
body[data-studio-page="characters"] .sv-character-editor{display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0!important}
body[data-studio-page="characters"] .sv-character-editor select,
body[data-studio-page="characters"] .sv-character-editor input,
body[data-studio-page="characters"] .sv-character-editor textarea{max-width:100%!important;width:100%!important;min-width:0!important}
body[data-studio-page="characters"] .sv-character-editor label{margin-top:4px!important}
body[data-studio-page="characters"] .sv-character-preview-frame{position:relative!important;min-height:430px!important;max-height:580px!important;overflow:hidden!important}
body[data-studio-page="characters"] .sv-character-preview-frame img{object-fit:contain!important;height:100%!important;width:100%!important;max-height:560px!important}
.sv-character-generation-overlay[hidden]{display:none!important}
.sv-character-generation-overlay{
 display:flex;align-items:center;gap:14px;min-height:74px;padding:13px 16px;
 margin:10px 0;border:1px solid #9759db;border-radius:13px;
 color:#f3eaff;background:linear-gradient(120deg,#382156,#151f39);
 box-shadow:inset 0 1px #fff4,0 0 25px #924be33b;
}
.sv-character-generation-orb{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:50%;font-size:23px;
 color:#fff;background:radial-gradient(circle at 30% 24%,#ffcdff,#c65bee 38%,#49388e 73%,#101b39);
 box-shadow:0 0 22px #c869f680, inset 0 0 8px #fff8;animation:compass-character-pulse 1.6s ease-in-out infinite alternate}
.sv-character-generation-overlay>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.sv-character-generation-overlay strong{font-size:12px!important}
.sv-character-generation-overlay small{font-size:10px!important;color:#cbbee6!important}
.sv-character-generation-dots{display:flex;gap:4px}
.sv-character-generation-dots i{width:5px;height:5px;border-radius:50%;background:#e4c1ff;animation:compass-character-dot .9s ease-in-out infinite alternate}
.sv-character-generation-dots i:nth-child(2){animation-delay:.15s}.sv-character-generation-dots i:nth-child(3){animation-delay:.3s}
@keyframes compass-character-pulse{from{transform:scale(.94);filter:brightness(.9)}to{transform:scale(1.06);filter:brightness(1.24)}}
@keyframes compass-character-dot{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(-3px)}}
.sv-character-publish-choice{display:flex;align-items:flex-start;gap:10px;border:1px solid #81619e;background:#1d1b34;
 padding:11px!important;margin:10px 0!important;border-radius:12px;cursor:pointer}
.sv-character-publish-choice input{flex:none;margin:4px 0 0!important;accent-color:#ba75ff;width:18px;height:18px}
.sv-character-publish-choice span{display:flex;flex-direction:column;gap:3px}
.sv-character-publish-choice strong{font-size:12px;color:#fff}
.sv-character-publish-choice small{font-size:10px;line-height:1.5;color:#bdb4d8}
.sv-character-variations,.sv-character-public{
 margin:14px 0;padding:14px 16px;border:1px solid #765895;border-radius:14px;
 background:linear-gradient(125deg,#201a34,#131e32);
}
.sv-character-variation-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:12px}
.sv-character-variation{padding:7px!important;background:#17182b!important;border:1px solid #755698!important;
 border-radius:12px!important;min-width:0;display:flex;flex-direction:column;gap:6px;cursor:pointer;color:#fff!important;
 box-shadow:inset 0 1px #ffffff28,0 5px 12px #04030a60}
.sv-character-variation.is-selected{border-color:#e1bbff!important;box-shadow:0 0 0 2px #ba7efc90!important}
.sv-character-variation img{display:block;width:100%;height:150px;object-fit:contain;border-radius:8px;background:#0c1222}
.sv-character-variation span{font:650 10px/1.4 system-ui;text-align:center;overflow-wrap:anywhere}
.sv-character-public-credit{color:#d6c3ef;font:650 11px/1.5 system-ui}
.sv-character-public-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;margin-top:10px}
.sv-character-public-card{display:flex;flex-direction:column;min-width:0;padding:9px;gap:8px;border:1px solid #75559a;
 border-radius:14px;background:linear-gradient(150deg,#2c2040,#131e2e);box-shadow:inset 0 1px #ffffff2a}
.sv-character-public-card>img{display:block;width:100%;height:200px;object-fit:contain;border-radius:10px;background:#11182b}
.sv-character-public-info{display:flex;flex-direction:column;align-items:start;gap:7px;min-width:0}
.sv-character-public-info strong{font-size:13px;color:#fff}
.sv-character-public-info small{font-size:11px;color:#bfb4d3;overflow-wrap:anywhere}
.sv-character-public-info .sv-character-by{color:#e8b8ff}
.sv-character-public-info .sv-button{width:100%!important;min-height:33px!important;font-size:10px!important;white-space:normal!important}
.sv-character-privacy-switch{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #785591;
 border-radius:10px;margin:5px 0 0;color:#e4d6f5;font:650 10px/1.4 system-ui;cursor:pointer}
.sv-character-privacy-switch input{accent-color:#c77dfd;width:16px;height:16px}
@media(max-width:650px){
 .sv-character-public-gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
 .sv-character-public-card>img{height:155px}
 .sv-character-variation-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
 .sv-character-variation img{height:120px}
}
@media(prefers-reduced-motion:reduce){.sv-character-generation-orb,.sv-character-generation-dots i{animation:none!important}}


/* Eight stage Creative Studio workflow – full width, no oversized navigation. */
body[data-studio-page] .sv-production-path {
 width:100%!important;max-width:none!important;min-width:0!important;
 display:grid!important;grid-template-columns:repeat(8,minmax(94px,1fr))!important;
 align-items:stretch!important;gap:5px!important;padding:6px!important;
 margin:0 0 12px!important;background:linear-gradient(135deg,#1f1934,#131c31)!important;
 border:1px solid #72518e!important;border-radius:12px!important;
 box-shadow:inset 0 1px #ffffff20!important;overflow-x:auto!important;
 scrollbar-width:thin;
}
body[data-studio-page] .sv-production-path button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:6px!important;min-width:94px!important;min-height:38px!important;
 padding:7px 5px!important;font:780 10px/1.2 system-ui,sans-serif!important;
 color:#d8cce8!important;white-space:nowrap!important;
 background:linear-gradient(170deg,#342840,#171b2b)!important;
 border:1px solid #604c80!important;border-radius:9px!important;
 box-shadow:inset 0 1px #fff3!important;cursor:pointer!important;
}
body[data-studio-page] .sv-production-path button>b{
 flex:0 0 20px!important;display:grid!important;place-items:center!important;
 width:20px!important;height:20px!important;
 border-radius:6px!important;background:#14192a!important;color:#e6c8fd!important;
 font:800 10px system-ui,sans-serif!important;
}
body[data-studio-page] .sv-production-path button.is-current{
 border-color:#b981eb!important;color:#fff!important;
 background:linear-gradient(132deg,#7238a4,#453c91 65%,#25547c)!important;
 box-shadow:inset 0 1px #fff6,0 0 13px #9e4bd845!important;
}
body[data-studio-page] .sv-production-path button:hover{filter:brightness(1.17)!important}
body[data-studio-page="storyboard"] .sv-review-panel[hidden],
body[data-studio-page="scene-edit"] .sv-review-panel[hidden],
body[data-studio-page="animation"] .sv-review-panel[hidden],
body[data-studio-page="video"] .sv-review-panel[hidden]{display:none!important}
body[data-studio-page="storyboard"] .sv-video-review-wizard,
body[data-studio-page="scene-edit"] .sv-video-review-wizard,
body[data-studio-page="animation"] .sv-video-review-wizard,
body[data-studio-page="video"] .sv-video-review-wizard{
 min-width:0!important;max-width:none!important;width:100%!important;
 padding:0!important;margin:0!important;
}
body[data-studio-page="storyboard"] .sv-review-panel,
body[data-studio-page="scene-edit"] .sv-review-panel,
body[data-studio-page="animation"] .sv-review-panel,
body[data-studio-page="video"] .sv-review-panel{min-width:0!important;max-width:none!important;width:100%!important}
body[data-studio-page="storyboard"] .sv-review-editor-grid,
body[data-studio-page="scene-edit"] .sv-review-editor-grid{
 display:grid!important;grid-template-columns:minmax(200px,18%) minmax(330px,1fr) minmax(292px,24%)!important;
 gap:12px!important;min-height:0!important;width:100%!important;max-width:none!important;
 align-items:stretch!important;
}
body[data-studio-page="scene-edit"] .sv-review-editor-grid{
 grid-template-columns:minmax(205px,19%) minmax(310px,1fr) minmax(340px,29%)!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-wrap,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-wrap,
body[data-studio-page="storyboard"] .sv-review-monitor,
body[data-studio-page="scene-edit"] .sv-review-monitor,
body[data-studio-page="storyboard"] .sv-review-shot-inspector,
body[data-studio-page="scene-edit"] .sv-review-shot-inspector{
 min-width:0!important;min-height:0!important;max-width:none!important;
 background:linear-gradient(150deg,#211b33,#121a2e)!important;
 border:1px solid #70518c!important;border-radius:13px!important;
 box-shadow:inset 0 1px #ffffff25,0 5px 16px #04021455!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-wrap,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-wrap{
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
 max-height:min(70dvh,745px)!important;padding:9px!important;
}
body[data-studio-page="storyboard"] .sv-review-shot-filmstrip,
body[data-studio-page="scene-edit"] .sv-review-shot-filmstrip{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
 gap:6px!important;min-height:0!important;max-height:none!important;
 overflow-y:auto!important;overflow-x:hidden!important;padding:2px!important;
 scrollbar-width:thin!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-row,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) 25px!important;gap:4px!important;
 align-items:stretch!important;width:100%!important;min-width:0!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-shot,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-shot{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 min-width:0!important;width:100%!important;min-height:94px!important;
 padding:5px!important;margin:0!important;text-align:left!important;overflow:hidden!important;
 background:#171b2d!important;color:#e9e0fa!important;
 border:1px solid #675183!important;border-radius:10px!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-shot.is-current,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-shot.is-current{
 border-color:#67d3ff!important;box-shadow:0 0 0 1px #58ccf9a0!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-picture,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-picture{
 width:100%!important;aspect-ratio:16/9!important;max-height:115px!important;
 border-radius:7px!important;overflow:hidden!important;background:#0c1526!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-picture img,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-picture img{
 display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
}
body[data-studio-page="storyboard"] .sv-review-filmstrip-label,
body[data-studio-page="scene-edit"] .sv-review-filmstrip-label{
 display:flex!important;flex-wrap:wrap!important;gap:2px 6px!important;align-items:baseline!important;min-width:0!important;
}
body[data-studio-page="storyboard"] .sv-review-story-text,
body[data-studio-page="scene-edit"] .sv-review-story-text{
 flex-basis:100%!important;overflow:hidden!important;display:-webkit-box!important;
 -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
 color:#bcafcb!important;font-size:9px!important;line-height:1.3!important;
}
body[data-studio-page="storyboard"] .sv-review-shot-order,
body[data-studio-page="scene-edit"] .sv-review-shot-order{display:flex!important;flex-direction:column!important;gap:4px!important}
body[data-studio-page="storyboard"] .sv-review-shot-order button,
body[data-studio-page="scene-edit"] .sv-review-shot-order button{
 display:grid!important;place-items:center!important;width:25px!important;flex:1!important;min-height:27px!important;
 border:1px solid #7e5f9e!important;border-radius:6px!important;
 background:linear-gradient(150deg,#574072,#242341)!important;color:#fff!important;font-size:14px!important;
 padding:2px!important;
}
body[data-studio-page="storyboard"] .sv-review-monitor,
body[data-studio-page="scene-edit"] .sv-review-monitor{display:flex!important;flex-direction:column!important;overflow:hidden!important}
body[data-studio-page="storyboard"] .sv-review-monitor-picture,
body[data-studio-page="scene-edit"] .sv-review-monitor-picture{
 flex:1 1 auto!important;display:grid!important;place-items:center!important;
 min-height:clamp(260px,50vh,590px)!important;max-height:590px!important;overflow:hidden!important;
 background:radial-gradient(ellipse at 50% 40%,#273350,#0b111f 74%)!important;
}
body[data-studio-page="storyboard"] .sv-review-monitor-picture img,
body[data-studio-page="scene-edit"] .sv-review-monitor-picture img{
 width:100%!important;height:100%!important;max-height:590px!important;object-fit:contain!important;
}
body[data-studio-page="storyboard"] .sv-review-shot-inspector,
body[data-studio-page="scene-edit"] .sv-review-shot-inspector{
 display:flex!important;flex-direction:column!important;gap:7px!important;
 overflow-y:auto!important;max-height:min(70dvh,745px)!important;
 padding:12px!important;scrollbar-width:thin!important;
}
body[data-studio-page="storyboard"] .sv-review-shot-inspector label,
body[data-studio-page="scene-edit"] .sv-review-shot-inspector label{font-size:11px!important}
body[data-studio-page="storyboard"] .sv-review-shot-inspector textarea,
body[data-studio-page="scene-edit"] .sv-review-shot-inspector textarea{
 width:100%!important;max-width:100%!important;min-width:0!important;
 border-radius:9px!important;padding:8px!important;font-size:11px!important;line-height:1.4!important;
}
body[data-studio-page="storyboard"] #sv-review-inspector-prompt{min-height:90px!important}
body[data-studio-page="scene-edit"] #sv-review-inspector-prompt{min-height:126px!important}
body[data-studio-page="storyboard"] .sv-review-generation-bar,
body[data-studio-page="scene-edit"] .sv-review-generation-bar{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;
 margin:0 0 11px!important;padding:9px 10px!important;
 border:1px solid #70518d!important;border-radius:11px!important;
 background:linear-gradient(110deg,#211a34,#14243c)!important;
}
body[data-studio-page="storyboard"] #sv-review-generate-all,
body[data-studio-page="scene-edit"] #sv-review-generate-all{
 min-height:36px!important;padding:8px 13px!important;width:auto!important;white-space:normal!important;
 background:linear-gradient(130deg,#984ac5,#5b47b0,#237b99)!important;
 box-shadow:inset 0 2px #ffffff60,0 5px 12px #07031970!important;
}
body[data-studio-page="scene-edit"] .sv-review-generation-bar{background:#171c2d!important}
body[data-studio-page="scene-edit"] #sv-review-generate-all{display:none!important}
body[data-studio-page="storyboard"] .sv-review-gen-status,
body[data-studio-page="scene-edit"] .sv-review-gen-status{font-size:11px!important;color:#ccbfe3!important}
body[data-studio-page="storyboard"] .sv-review-shot-versions,
body[data-studio-page="scene-edit"] .sv-review-shot-versions{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:8px!important}
body[data-studio-page="storyboard"] .sv-review-history,
body[data-studio-page="scene-edit"] .sv-review-history{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:3px!important;min-height:62px!important}
body[data-studio-page="storyboard"] .sv-review-history-image,
body[data-studio-page="scene-edit"] .sv-review-history-image{
 flex:0 0 81px!important;width:81px!important;height:64px!important;
 padding:3px!important;border:1px solid #655181!important;border-radius:8px!important;
 background:#0d1425!important;cursor:pointer!important;
}
body[data-studio-page="storyboard"] .sv-review-history-image.is-selected,
body[data-studio-page="scene-edit"] .sv-review-history-image.is-selected{border-color:#71d5f8!important}
body[data-studio-page="storyboard"] .sv-review-history-image img,
body[data-studio-page="scene-edit"] .sv-review-history-image img{width:100%!important;height:100%!important;object-fit:contain!important}
body[data-studio-page="animation"] .sv-video-layout,
body[data-studio-page="video"] .sv-video-layout{
 width:100%!important;max-width:none!important;min-width:0!important;
 grid-template-columns:minmax(260px,29%) minmax(0,1fr)!important;
 gap:12px!important;padding:0!important;margin:0!important;align-items:start!important;
}
body[data-studio-page="animation"] .sv-workstage,
body[data-studio-page="video"] .sv-workstage{min-width:0!important}
body[data-studio-page="animation"] .sv-animation-disclaimer,
body[data-studio-page="video"] .sv-animation-disclaimer{
 grid-column:1/-1!important;width:100%!important;margin:0 0 8px!important;
 color:#ddcfe8!important;font-size:11px!important;line-height:1.5!important;
 padding:9px 12px!important;border-radius:10px!important;
 background:#202039!important;border:1px solid #665083!important;
}
body[data-studio-page="animation"] .sv-review-step-head,
body[data-studio-page="video"] .sv-review-step-head{margin:0 0 8px!important}
body[data-studio-page="animation"] .sv-video-preview canvas,
body[data-studio-page="video"] .sv-video-preview canvas{width:100%!important;max-width:100%!important}
body[data-studio-page="characters"] .sv-character-upload-sheet{
 background:linear-gradient(145deg,#176f8c,#285c94,#50388a)!important;
 box-shadow:inset 0 1px #ffffff65,0 5px 12px #07061970!important;
}
@media(max-width:1280px){
 body[data-studio-page="storyboard"] .sv-review-editor-grid,
 body[data-studio-page="scene-edit"] .sv-review-editor-grid{
  grid-template-columns:minmax(164px,19%) minmax(280px,1fr) minmax(254px,29%)!important;gap:8px!important;
 }
}
@media(max-width:1050px){
 body[data-studio-page] .sv-production-path{display:flex!important;overflow-x:auto!important}
 body[data-studio-page] .sv-production-path button{flex:0 0 auto!important;min-width:105px!important}
 body[data-studio-page="storyboard"] .sv-review-editor-grid,
 body[data-studio-page="scene-edit"] .sv-review-editor-grid{grid-template-columns:minmax(175px,30%) minmax(0,1fr)!important;gap:9px!important}
 body[data-studio-page="storyboard"] .sv-review-shot-inspector,
 body[data-studio-page="scene-edit"] .sv-review-shot-inspector{grid-column:1/-1!important;max-height:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-studio-page="storyboard"] .sv-review-history,
 body[data-studio-page="scene-edit"] .sv-review-history{grid-column:1/-1!important}
 body[data-studio-page="animation"] .sv-video-layout,
 body[data-studio-page="video"] .sv-video-layout{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:700px){
 body[data-studio-page="storyboard"] .sv-review-editor-grid,
 body[data-studio-page="scene-edit"] .sv-review-editor-grid{grid-template-columns:minmax(0,1fr)!important}
 body[data-studio-page="storyboard"] .sv-review-filmstrip-wrap,
 body[data-studio-page="scene-edit"] .sv-review-filmstrip-wrap{max-height:290px!important}
 body[data-studio-page="storyboard"] .sv-review-shot-inspector,
 body[data-studio-page="scene-edit"] .sv-review-shot-inspector{grid-column:1!important;display:flex!important}
 body[data-studio-page="storyboard"] .sv-review-monitor-picture,
 body[data-studio-page="scene-edit"] .sv-review-monitor-picture{min-height:280px!important}
}