/* Compass Image Studio v23 — creator gallery workspace.
   Scoped to Images mode so Music, Video, Script and Story retain their layouts. */

body[data-studio-mode="images"] .sv-production-shell .sv-grid {
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
}
body[data-studio-mode="images"] .sv-production-shell .sv-steps,
body[data-studio-mode="images"] .sv-production-shell .sv-inspector {
  display:none!important;
}
body[data-studio-mode="images"] .sv-production-shell .sv-content {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
body[data-studio-mode="images"] .sv-production-shell [data-panel="images"] {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-studio-mode="images"] [data-panel="images"]>.sv-heading {display:none!important}

body[data-studio-mode="images"] .sv-mode-shortcuts {
  background:linear-gradient(100deg,#161523,#241a38 62%,#181826)!important;
  border:1px solid #60487b!important;
  border-radius:12px!important;
  padding:8px 13px!important;
  margin:0 0 10px!important;
  min-height:48px;
}
body[data-studio-mode="images"] .sv-mode-shortcuts-tabs button {
  min-width:88px;
  background:#201a30;
  border-color:#615182;
  border-radius:9px;
  font-size:12px;
}
body[data-studio-mode="images"] .sv-mode-shortcuts-tabs [data-studio-shortcut="images"] {
  background:linear-gradient(145deg,#33265a,#433b73)!important;
  border:1px solid #b18cef!important;
  box-shadow:0 0 12px #a36cda54!important;
}
body[data-studio-mode="images"] .sv-mode-account {
  color:#bcafcb;
  gap:7px;
  font-size:10px;
}

body[data-studio-mode="images"] .sv-image-promptbar {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 155px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:9px 10px!important;
  min-width:0!important;
  background:linear-gradient(120deg,#131722,#231c33)!important;
  border:1px solid #695183!important;
  border-radius:13px!important;
  box-shadow:0 6px 16px #08051360;
}
body[data-studio-mode="images"] .sv-image-prompt-field {display:block!important;min-width:0!important}
body[data-studio-mode="images"] .sv-image-prompt-field label {
  display:block;font-size:10px!important;letter-spacing:.03em;
  color:#c6b5d6!important;margin:0 0 4px;
}
body[data-studio-mode="images"] #sv-image-prompt {
  display:block!important;width:100%!important;
  height:54px!important;min-height:54px!important;
  max-height:150px!important;
  box-sizing:border-box!important;
  resize:vertical!important;
  padding:10px 12px!important;
  background:#101521!important;
  border:1px solid #4f486d!important;
  border-radius:9px!important;
  color:#f5ebff!important;
  font:500 12px/1.5 system-ui,sans-serif!important;
}
body[data-studio-mode="images"] #sv-generate-image {
  min-width:0!important;width:100%!important;
  height:54px!important;min-height:54px!important;
  align-self:end!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#6359a2,#4e417c 60%,#315e74)!important;
  border:1px solid #9ed7ee!important;
  color:#fff!important;
  font-size:13px!important;font-weight:850!important;
  box-shadow:0 4px 15px #6453a943,inset 0 1px #ffffff48!important;
}
body[data-studio-mode="images"] #sv-generate-image:disabled {
  opacity:.65;cursor:wait;
}

body[data-studio-mode="images"] .sv-image-layout {
  display:grid!important;
  grid-template-columns:248px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  min-width:0!important;
  width:100%!important;
}
body[data-studio-mode="images"] .sv-tool-controls {
  position:sticky!important;
  top:66px!important;
  z-index:2;
  display:block!important;
  box-sizing:border-box!important;
  min-width:0!important;width:100%!important;
  max-height:calc(100dvh - 82px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  padding:12px!important;
  margin:0!important;
  background:linear-gradient(160deg,#16151f,#211c2e 56%,#171c2a)!important;
  border:1px solid #524166!important;border-radius:14px!important;
  box-shadow:inset 0 1px #ffffff14,0 9px 20px #0b07176e!important;
  scrollbar-width:thin;scrollbar-color:#775e8e #181624;
}
body[data-studio-mode="images"] .sv-controls-kicker {
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:7px;
  margin:0 0 14px!important;
  letter-spacing:.07em!important;font-size:10px!important;
  color:#f0d8ff!important;
}
.sv-sidebar-ai-label {
  background:#31243f;color:#c2aecf!important;
  border:1px solid #55446b;border-radius:5px;
  font:700 9px system-ui,sans-serif;letter-spacing:0;
  padding:3px 5px;
}
body[data-studio-mode="images"] .sv-tool-controls .sv-field {
  display:block!important;
  min-width:0!important;
  width:100%!important;
  margin:0 0 17px!important;
}
body[data-studio-mode="images"] .sv-tool-controls .sv-field>label:not(.sv-transparent-choice),
body[data-studio-mode="images"] .sv-tool-controls .sv-field>small,
body[data-studio-mode="images"] .sv-tool-controls .sv-field>div {
  max-width:100%;
}
body[data-studio-mode="images"] .sv-tool-controls .sv-field>label:not(.sv-transparent-choice) {
  display:block;margin:0 0 7px!important;
  font-size:11px!important;font-weight:800!important;
  color:#f3ebfa!important;
}
body[data-studio-mode="images"] #sv-image-style {
  display:block;width:100%!important;
  min-height:42px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  border:1px solid #594a76!important;
  color:#f1e8fc!important;
  background:#2a2537!important;
  font-size:12px!important;
}
body[data-studio-mode="images"] #sv-image-ratios {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio] {
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;
  gap:7px!important;
  width:100%!important;min-width:0!important;
  height:70px!important;min-height:70px!important;
  border:1px solid #544561!important;border-radius:9px!important;
  padding:6px 2px!important;
  margin:0!important;
  background:#2a2631!important;
  box-shadow:none!important;
  color:#e8dcee!important;font-size:9px!important;
  line-height:1.2!important;
  text-align:center!important;
}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio].selected {
  border-color:#a68cec!important;
  background:#342e54!important;
  box-shadow:0 0 0 1px #967bce7a!important;
}
body[data-studio-mode="images"] .sv-ratio-icon {
  display:block;flex:none;
  width:24px;height:17px;border:1.5px solid #aa9dbf;
  border-radius:2px;background:#1c1927;
}
body[data-studio-mode="images"] .sv-ratio-portrait {width:13px;height:24px}
body[data-studio-mode="images"] .sv-ratio-square {width:21px;height:21px}
body[data-studio-mode="images"] .sv-ratio-book {width:17px;height:23px}
body[data-studio-mode="images"] .sv-ratio-caption {
  display:block!important;
  width:100%;min-width:0;
  overflow-wrap:normal;
  font-size:8px;line-height:1.2;
}
body[data-studio-mode="images"] #sv-image-count.sv-count-pills {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;max-width:100%!important;
  margin:0 0 8px!important;
}
body[data-studio-mode="images"] #sv-image-count.sv-count-pills button {
  min-height:37px!important;height:37px!important;
  padding:0!important;margin:0!important;
  border-radius:9px!important;
  background:#2b2539!important;
  border:1px solid #615578!important;
  color:#eee7f6!important;
  box-shadow:none!important;
  font-size:12px!important;
}
body[data-studio-mode="images"] #sv-image-count.sv-count-pills button.selected {
  border:1px solid #ae8de6!important;
  background:#3a3155!important;
  box-shadow:0 0 0 1px #9e7cc855!important;
}
body[data-studio-mode="images"] #sv-image-cost-estimate {
  display:block;width:100%!important;max-width:100%;
  color:#bbaecb!important;font-size:10px!important;
  line-height:1.4!important;margin:3px 0 0!important;
}
body[data-studio-mode="images"] .sv-transparency-field {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;
  overflow:visible!important;
  margin:8px 0 16px!important;
}
body[data-studio-mode="images"] .sv-transparency-field .sv-transparent-choice {
  display:flex!important;
  flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:9px!important;
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;
  margin:0!important;padding:10px 8px!important;
  border:1px solid #665077!important;
  border-radius:10px!important;
  background:#2b2339!important;
  color:#f4eaff!important;
}
body[data-studio-mode="images"] .sv-transparency-field input#sv-transparent-png {
  appearance:checkbox!important;
  -webkit-appearance:checkbox!important;
  display:block!important;flex:0 0 18px!important;
  width:18px!important;min-width:18px!important;max-width:18px!important;
  height:18px!important;min-height:18px!important;max-height:18px!important;
  margin:0!important;padding:0!important;
  border:0!important;box-shadow:none!important;
  accent-color:#ad82df!important;
}
body[data-studio-mode="images"] .sv-transparency-field .sv-transparent-choice span {
  display:block!important;flex:1 1 auto!important;
  min-width:0!important;
  font-size:11px!important;line-height:1.35!important;
  overflow-wrap:normal;
}
body[data-studio-mode="images"] .sv-transparency-field .sv-transparent-choice small {
  display:block!important;margin:2px 0 0!important;
  color:#bbb0c9!important;font-size:9px!important;
}
body[data-studio-mode="images"] .sv-transparency-field>.sv-hint {
  display:block!important;margin-top:6px!important;
  color:#ad9fbd;font-size:9px!important;line-height:1.4;
}
body[data-studio-mode="images"] .sv-optional-image-tools {
  margin:0 0 13px;
  padding:0;
  color:#e9dcf2;
}
body[data-studio-mode="images"] .sv-optional-image-tools summary {
  padding:10px;
  border:1px solid #655076;border-radius:9px;
  background:#29243a;cursor:pointer;
  font-size:10px;font-weight:800;
  list-style-position:inside;
}
body[data-studio-mode="images"] .sv-optional-image-tools[open] summary{border-radius:9px 9px 0 0}
body[data-studio-mode="images"] .sv-optional-image-tools .sv-two {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;margin:6px 0 0!important;
}
body[data-studio-mode="images"] .sv-optional-image-tools .sv-card {
  box-sizing:border-box!important;min-width:0!important;
  padding:8px!important;margin:0!important;
  font-size:10px!important;
}
body[data-studio-mode="images"] .sv-optional-image-tools textarea{width:100%!important;max-width:100%!important;min-width:0!important}
body[data-studio-mode="images"] .sv-tool-controls .sv-actions {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;margin:8px 0 11px!important;
}
body[data-studio-mode="images"] .sv-tool-controls .sv-actions button {
  width:100%!important;min-height:35px!important;
  padding:7px 8px!important;
  font-size:10px!important;
}
body[data-studio-mode="images"] .sv-tool-controls>.sv-hint{
  display:block;color:#a995b8;font-size:9px;line-height:1.4
}
body[data-studio-mode="images"] .sv-rail-library {
  display:block;
  width:100%;min-width:0;
  padding:11px!important;margin:14px 0 0!important;
  background:#1f1a2b!important;border:1px solid #514369!important;
  border-radius:11px!important;
}
body[data-studio-mode="images"] .sv-rail-library>strong {font-size:10px!important;margin-bottom:8px}
body[data-studio-mode="images"] .sv-sidebar-library {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  max-height:190px!important;overflow-y:auto!important;
}
body[data-studio-mode="images"] .sv-sidebar-library button {width:100%;min-width:0;aspect-ratio:1}
body[data-studio-mode="images"] .sv-sidebar-library img {width:100%;height:100%;object-fit:cover}
body[data-studio-mode="images"] .sv-rail-library small {font-size:9px;line-height:1.4;color:#b7a4c8}

body[data-studio-mode="images"] .sv-workstage {
  display:flex!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;
  min-height:0!important;
  gap:10px!important;
  margin:0!important;padding:0!important;
}
/* Main generation frame is visible at all times, as requested. */
body[data-studio-mode="images"] .sv-workstage:not(.preview-open):not(.is-generating)>.sv-stage-shell {
  display:flex!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-stage-shell {
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:10px!important;
  background:linear-gradient(155deg,#141b2c,#241833)!important;
  border:1px solid #564979!important;
  border-radius:13px!important;
}
body[data-studio-mode="images"] .sv-image-sized-preview {
  box-sizing:border-box!important;
  width:min(100%,var(--sv-stage-width,650px))!important;
  max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:var(--sv-stage-ratio,16 / 9)!important;
  margin:0 auto!important;padding:0!important;
  position:relative!important;overflow:hidden!important;
  border:1px solid #665789!important;border-radius:10px!important;
  background:#101423!important;
}
body[data-studio-mode="images"] .sv-image-sized-preview img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
}
body[data-studio-mode="images"] .sv-image-results {
  display:block!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  padding:13px!important;margin:0!important;
  border:1px solid #4b3b64!important;border-radius:13px!important;
  background:linear-gradient(140deg,#161c29,#1a1828 55%,#1a1a28)!important;
  box-shadow:inset 0 1px #ffffff12,0 9px 26px #0805115c!important;
}
body[data-studio-mode="images"] .sv-image-results.is-empty {min-height:clamp(310px,65vh,600px)}
body[data-studio-mode="images"] .sv-image-results-bar {
  display:flex!important;
  flex-wrap:wrap!important;justify-content:space-between!important;
  align-items:center!important;gap:10px!important;
  margin:0 0 13px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #43354d!important;
}
body[data-studio-mode="images"] .sv-results-heading {
  display:flex;flex-direction:column;gap:3px;min-width:0;
}
body[data-studio-mode="images"] .sv-results-heading>span {
  font:800 9px/1.3 system-ui,sans-serif;
  letter-spacing:.1em;color:#9b86bf;
}
body[data-studio-mode="images"] .sv-results-heading>strong {
  font:800 14px/1.35 system-ui,sans-serif;
  color:#f4eaff;
}
body[data-studio-mode="images"] .sv-image-results-actions{
  display:flex!important;gap:6px!important;
  flex-wrap:wrap!important;align-items:center!important;
}
body[data-studio-mode="images"] .sv-image-results-actions button {
  width:auto!important;min-width:0!important;
  padding:7px 10px!important;min-height:30px!important;
  border-radius:8px!important;font-size:10px!important;
}
body[data-studio-mode="images"] .sv-image-results-body {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 200px!important;
  gap:12px!important;
  align-items:start!important;
  width:100%!important;min-width:0!important;
}
body[data-studio-mode="images"] .sv-image-gallery {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  gap:9px!important;
  min-width:0!important;
  width:100%!important;
}
body[data-studio-mode="images"] .sv-image-gallery:has(>.sv-image-option:only-child){
  grid-template-columns:minmax(0,min(100%,470px))!important;
}
body[data-studio-mode="images"] .sv-image-gallery:has(>.sv-image-option:nth-child(2):last-child){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body[data-studio-mode="images"] .sv-image-gallery:has(>.sv-image-option:nth-child(3):last-child){
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-studio-mode="images"] .sv-image-option {
  min-width:0!important;
  padding:6px!important;margin:0!important;
  border:1px solid #4c415e!important;
  border-radius:11px!important;
  background:#27232d!important;
  box-shadow:none!important;
  color:#f5eaff!important;
}
body[data-studio-mode="images"] .sv-image-option.is-selected {
  border:1px solid #af86e4!important;
  box-shadow:0 0 0 1px #a77cd74c!important;
}
body[data-studio-mode="images"] .sv-image-option>label{
  padding:3px 3px 6px!important;
  display:flex!important;gap:7px!important;
  color:#e8ddf1!important;font-size:11px!important;
}
body[data-studio-mode="images"] .sv-image-option>label input[type=checkbox] {
  flex:0 0 15px!important;
  width:15px!important;min-width:15px!important;max-width:15px!important;
  height:15px!important;min-height:15px!important;max-height:15px!important;
  accent-color:#a88be3!important;
}
body[data-studio-mode="images"] .sv-gallery-visual {
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  aspect-ratio:var(--sv-thumb-ratio,1)!important;
  background:#10121e!important;
  overflow:hidden!important;
  border-radius:8px!important;
}
body[data-studio-mode="images"] .sv-gallery-visual img{
  width:100%!important;height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;background:transparent!important;
}
body[data-studio-mode="images"] .sv-image-option-actions{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:7px 0 2px!important;
}
body[data-studio-mode="images"] .sv-image-option-actions button,
body[data-studio-mode="images"] .sv-image-option-actions a {
  flex:1 1 auto!important;
  min-width:0!important;
  padding:7px 8px!important;
  font:750 10px/1.2 system-ui,sans-serif!important;
  background:#342b46!important;color:#f2e9fb!important;
  border:1px solid #5a4c70!important;border-radius:7px!important;
  text-align:center!important;
}
body[data-studio-mode="images"] .sv-image-price{display:block;font-size:9px!important;color:#baacca!important}
body[data-studio-mode="images"] .sv-gallery-details {
  display:flex!important;flex-direction:column!important;gap:9px!important;
  width:100%!important;min-width:0!important;
  padding:11px!important;
  border:1px solid #46374f!important;border-radius:10px!important;
  background:#1b1b24!important;
  color:#e8dcef!important;
  overflow-wrap:anywhere!important;
}
body[data-studio-mode="images"] .sv-gallery-details-eyebrow{
  font:800 9px/1.4 system-ui,sans-serif;color:#9b86bb;letter-spacing:.12em
}
body[data-studio-mode="images"] #sv-gallery-details-title{
  display:block;font-size:12px;font-weight:850;color:#f6eaff
}
body[data-studio-mode="images"] #sv-gallery-details-prompt{
  font:500 11px/1.55 system-ui,sans-serif!important;
  color:#cbbfd7!important;
  max-height:220px!important;overflow:auto!important;
  margin:0!important;
}
body[data-studio-mode="images"] .sv-gallery-details-tags{
  display:flex!important;gap:5px!important;flex-wrap:wrap!important;
}
body[data-studio-mode="images"] .sv-gallery-details-tags>span{
  padding:4px 6px!important;
  border-radius:6px!important;background:#352a41!important;
  font:700 9px/1.2 system-ui,sans-serif;color:#c8bbd6!important;
}
body[data-studio-mode="images"] #sv-gallery-details-price{
  font:600 10px/1.4 system-ui,sans-serif;color:#aea0be!important
}
body[data-studio-mode="images"] .sv-gallery-empty {
  grid-column:1/-1!important;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;
  min-height:300px;
  border:1px dashed #62537b;
  border-radius:12px;
  padding:25px;
  background:radial-gradient(circle at 50% 25%,#49325e40,transparent 56%),#111421;
  color:#c9bdd8;text-align:center;
}
body[data-studio-mode="images"] .sv-gallery-empty-icon {
  display:grid;place-items:center;
  width:62px;height:62px;
  border-radius:17px;border:1px solid #8065a9;
  box-shadow:0 0 25px #7555a746;
  background:linear-gradient(145deg,#463563,#2b2b55);
  font-size:28px;color:#e8d4fa;
}
body[data-studio-mode="images"] .sv-gallery-empty strong{
  font-size:16px;color:#f4e7ff;
}
body[data-studio-mode="images"] .sv-gallery-empty p {
  margin:0;max-width:340px;font-size:11px;line-height:1.5
}
@media(max-width:1310px){
 body[data-studio-mode="images"] .sv-image-results-body{grid-template-columns:minmax(0,1fr) 175px!important}
 body[data-studio-mode="images"] .sv-image-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1060px){
 body[data-studio-mode="images"] .sv-image-layout{grid-template-columns:225px minmax(0,1fr)!important}
 body[data-studio-mode="images"] .sv-image-results-body{grid-template-columns:minmax(0,1fr)!important}
 body[data-studio-mode="images"] .sv-gallery-details{min-height:0}
 body[data-studio-mode="images"] .sv-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:730px){
 body[data-studio-mode="images"] .sv-image-layout {
  display:flex!important;flex-direction:column!important;gap:12px!important;
 }
 body[data-studio-mode="images"] .sv-tool-controls{
  position:static!important;top:auto!important;
  width:100%!important;max-height:none!important;overflow:visible!important;
 }
 body[data-studio-mode="images"] .sv-image-promptbar{grid-template-columns:minmax(0,1fr)!important}
 body[data-studio-mode="images"] #sv-generate-image{height:45px!important;min-height:45px!important}
 body[data-studio-mode="images"] .sv-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-studio-mode="images"] .sv-image-results-body{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:410px){
 body[data-studio-mode="images"] .sv-image-gallery{grid-template-columns:minmax(0,1fr)!important}
}


/* v24 · Restore the original Compass glossy neon/jelly buttons.
   Keep overrides limited to Image Studio. */
body[data-studio-mode="images"] #sv-image-ratios{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;
}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio]{
 --sv-gleam:#64e7f1;
 display:flex!important;flex-direction:row!important;gap:5px!important;
 min-width:0!important;min-height:42px!important;height:42px!important;
 justify-content:center!important;align-items:center!important;
 position:relative;isolation:isolate;overflow:hidden;
 padding:7px 4px!important;
 border:1px solid var(--sv-gleam)!important;
 border-radius:10px!important;
 background:linear-gradient(180deg,#677184 0%,#303342 17%,#171521 47%,#080711 64%,#070711 84%,#28283c 100%)!important;
 box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #03030a,0 3px 0 #060612,0 0 10px color-mix(in srgb,var(--sv-gleam) 38%,transparent)!important;
 text-shadow:0 1px 2px #000!important;
 color:#fff!important;
 font-size:10px!important;font-weight:800!important;
 transform:translateY(0);
 transition:filter .17s ease,transform .17s ease,box-shadow .17s ease;
}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio]:nth-child(2){--sv-gleam:#df7ccc}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio]:nth-child(3){--sv-gleam:#b690f0}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio]:nth-child(4){--sv-gleam:#71e3b3}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio]::before,
body[data-studio-mode="images"] #sv-image-count [data-image-count]::before,
body[data-studio-mode="images"] .sv-image-results-actions .sv-button::before,
body[data-studio-mode="images"] #sv-generate-image::before{
 content:"";pointer-events:none;position:absolute;top:1px;left:5px;right:5px;height:44%;
 border-radius:8px 8px 55% 55%;
 background:linear-gradient(180deg,#ffffff70,#ffffff0b);
 opacity:.75;
}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio].selected{
 box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #06060f,0 0 0 2px color-mix(in srgb,var(--sv-gleam) 48%,transparent),0 0 19px color-mix(in srgb,var(--sv-gleam) 58%,transparent)!important;
}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio]:hover{
 filter:brightness(1.21);
 transform:translateY(-1px);
}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-icon{display:none!important}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-caption{
 color:#fff;font-weight:850!important;font-size:10px!important;line-height:1.25!important;
 white-space:nowrap;
}
body[data-studio-mode="images"] #sv-image-count.sv-count-pills button{
 display:grid!important;place-items:center!important;
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(180deg,#576073 0%,#262938 18%,#0b0c17 56%,#080811 81%,#272d40 100%)!important;
 color:#fff!important;
 border:1px solid #8b9fd4!important;
 min-height:39px!important;height:39px!important;border-radius:10px!important;
 box-shadow:inset 0 1px #ffffff95,inset 0 -2px #04060e,0 3px 0 #050511,0 0 9px #8aa1ec70!important;
 text-shadow:0 1px #000!important;font-size:12px!important;font-weight:800!important;
}
body[data-studio-mode="images"] #sv-image-count.sv-count-pills button.selected{
 border-color:#9ddbf2!important;
 box-shadow:inset 0 1px #ffffffa0,0 0 0 1px #9dd9ff6c,0 0 16px #9edaffb3!important;
}
body[data-studio-mode="images"] #sv-image-count.sv-count-pills button:hover{filter:brightness(1.25)}
body[data-studio-mode="images"] .sv-mode-shortcuts-tabs button,
body[data-studio-mode="images"] .sv-tool-controls .sv-actions button,
body[data-studio-mode="images"] .sv-image-results-actions .sv-button,
body[data-studio-mode="images"] .sv-image-option-actions button,
body[data-studio-mode="images"] .sv-image-option-actions a{
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(180deg,#4f4b67,#272239 26%,#110e1d 64%,#0b0a16 83%,#2e2941)!important;
 color:#fbf4ff!important;
 border:1px solid #8c70b8!important;
 border-radius:9px!important;
 box-shadow:inset 0 1px #ffffff92,inset 0 -1px #090613,0 3px 0 #090513,0 0 11px #9b76e25e!important;
 text-shadow:0 1px 2px #090511!important;
 font-weight:800!important;
 transition:filter .16s, transform .16s;
}
body[data-studio-mode="images"] .sv-mode-shortcuts-tabs button:hover,
body[data-studio-mode="images"] .sv-tool-controls .sv-actions button:hover,
body[data-studio-mode="images"] .sv-image-results-actions .sv-button:hover,
body[data-studio-mode="images"] .sv-image-option-actions button:hover,
body[data-studio-mode="images"] .sv-image-option-actions a:hover{
 filter:brightness(1.22);
 transform:translateY(-1px);
}
body[data-studio-mode="images"] .sv-mode-shortcuts-tabs [data-studio-shortcut="images"]{
 border-color:#ed86dc!important;
 box-shadow:inset 0 1px #ffffffb0,0 0 15px #ed79cbab!important;
 background:linear-gradient(180deg,#675074,#32223c 27%,#130c1e 68%,#2c173c)!important;
}
body[data-studio-mode="images"] #sv-generate-image{
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(180deg,#638393 0%,#203e51 24%,#071423 62%,#0b101d 83%,#174253 100%)!important;
 border:1px solid #83e7f3!important;
 box-shadow:inset 0 1px #ffffffbe,inset 0 -2px #061322,0 3px 0 #051121,0 0 17px #72e0f0a8!important;
 color:#fff!important;
 font-weight:900!important;font-size:13px!important;
 text-shadow:0 1px 2px #07121b!important;
}
body[data-studio-mode="images"] #sv-generate-image:hover:not(:disabled){
 filter:brightness(1.15);
}
body[data-studio-mode="images"] .sv-image-option-actions button[aria-pressed="true"],
body[data-studio-mode="images"] .sv-image-option-actions button.is-picked{
 border-color:#85e9f6!important;
 box-shadow:inset 0 1px #fff9,0 0 14px #76dbf5af!important;
}
body[data-studio-mode="images"] .sv-image-option:has(input:checked){
 border-color:#ad8aec!important;
 box-shadow:0 0 0 1px #a98ac27a,0 0 13px #986bce75!important;
}

/* Main result stays in the generation frame; individual outputs form rows underneath. */
body[data-studio-mode="images"] .sv-workstage>.sv-stage-shell{
 display:flex!important;
 margin:0!important;
 box-sizing:border-box!important;
 background:linear-gradient(155deg,#131e30,#21182f)!important;
 border:1px solid #61517d!important;
 box-shadow:inset 0 1px #ffffff2a,0 7px 22px #120b235e!important;
}
body[data-studio-mode="images"] .sv-workstage.is-generating>.sv-stage-shell{
 border-color:#77dce9!important;
 box-shadow:0 0 19px #5ce2ec6b,inset 0 1px #fff6!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-stage-shell .sv-stage-topline{
 color:#9dcde7!important;
 letter-spacing:.08em!important;
}
body[data-studio-mode="images"] .sv-image-results{
 background:linear-gradient(160deg,#141c2d,#1e192f)!important;
}
body[data-studio-mode="images"] .sv-image-option{
 background:linear-gradient(145deg,#211c2d,#171728)!important;
 border-color:#645076!important;
}
body[data-studio-mode="images"] .sv-image-results .sv-gallery-visual{cursor:pointer}
/* "Enlarge" expands the actual image inside the main area, not a new popup. */
body[data-studio-mode="images"] .sv-workstage.preview-open .sv-image-sized-preview{
 max-height:none!important;
 width:min(100%,var(--sv-stage-width,940px))!important;
}
body[data-studio-mode="images"] .sv-rail-library .sv-sidebar-library button{
 border:1px solid #ae80d4!important;
 box-shadow:inset 0 1px #fff7,0 0 8px #986ec885!important;
}
@media(prefers-reduced-motion:reduce){
 body[data-studio-mode="images"] #sv-image-ratios [data-ratio],
 body[data-studio-mode="images"] #sv-image-count [data-image-count],
 body[data-studio-mode="images"] .sv-image-results-actions .sv-button{transition:none!important}
}



/* v25: compact Leonardo-style SETTINGS SIDEBAR in the original Compass neon/glass finish. */
body[data-studio-mode="images"] .sv-tool-controls {
 width:248px!important;max-width:248px!important;
 padding:13px 11px!important;
 border-radius:17px!important;
 background:linear-gradient(170deg,#15121d,#1c1828 48%,#171522)!important;
}
body[data-studio-mode="images"] .sv-model-card{
 box-sizing:border-box;display:flex;align-items:center;
 width:100%;min-height:52px;gap:9px;
 margin:0 0 9px!important;padding:9px 10px;
 border:1px solid #514765;border-radius:11px;
 background:linear-gradient(165deg,#3c344f,#262139 50%,#201c2b);
 box-shadow:inset 0 1px #ffffff29,0 4px 10px #06050b4a;
}
body[data-studio-mode="images"] .sv-model-emblem{
 flex:0 0 24px;display:grid;place-items:center;
 font-size:21px;color:#e1c2fc;text-shadow:0 0 9px #c98aff;
}
body[data-studio-mode="images"] .sv-model-caption{
 display:flex;flex-direction:column;gap:1px;min-width:0;
}
body[data-studio-mode="images"] .sv-model-caption small{
 color:#c3aecb;font-size:10px;line-height:1.2;
}
body[data-studio-mode="images"] .sv-model-caption strong{
 color:#fff6ff;font-size:12px;line-height:1.3;letter-spacing:.01em;
}
body[data-studio-mode="images"] #sv-image-style{
 width:100%!important;min-height:43px!important;
 padding:9px 11px!important;color:#fff!important;
 border:1px solid #8a6eaf!important;border-radius:10px!important;
 background:linear-gradient(175deg,#49425c,#272037 48%,#1c1a29 100%)!important;
 box-shadow:inset 0 1px #ffffff5e,0 0 10px #8e6ac640!important;
 font-weight:750!important;
}
body[data-studio-mode="images"] .sv-tool-controls .sv-field>label:not(.sv-transparent-choice){
 font-size:11px!important;font-weight:850!important;margin:0 0 8px!important;
}
body[data-studio-mode="images"] #sv-image-ratios{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 width:100%!important;gap:5px!important;
}
body[data-studio-mode="images"] #sv-image-ratios [data-ratio]{
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 gap:6px!important;min-width:0!important;
 width:100%!important;height:79px!important;min-height:79px!important;
 padding:7px 2px 5px!important;
 border-radius:9px!important;
}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-icon{
 display:block!important;
 flex:0 0 auto!important;
 border:1px solid #ded0ff!important;
 box-shadow:inset 0 1px #ffffff44,0 0 4px #8d7bbc73!important;
 background:#13101f!important;
}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-landscape{width:29px!important;height:17px!important}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-portrait{width:13px!important;height:27px!important}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-square{width:22px!important;height:22px!important}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-book{width:19px!important;height:25px!important}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-caption{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 min-width:0;gap:1px!important;white-space:normal!important;
 color:#f0e5fb!important;text-align:center!important;
 line-height:1.1!important;
}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-caption strong{
 font-size:10px!important;font-weight:850!important;
}
body[data-studio-mode="images"] #sv-image-ratios .sv-ratio-caption small{
 font-size:8px!important;font-weight:650!important;color:#d8c6e5!important;
}
body[data-studio-mode="images"] .sv-transparency-field .sv-transparent-choice{
 display:flex!important;flex-direction:row-reverse!important;
 justify-content:space-between!important;align-items:center!important;
 padding:9px 7px!important;
 background:linear-gradient(155deg,#2f2440,#1d1c2c)!important;
}
body[data-studio-mode="images"] .sv-transparency-field input#sv-transparent-png{
 appearance:none!important;-webkit-appearance:none!important;
 position:relative!important;flex:0 0 39px!important;
 width:39px!important;min-width:39px!important;max-width:39px!important;
 height:22px!important;min-height:22px!important;max-height:22px!important;
 border:1px solid #76618e!important;border-radius:99px!important;
 background:linear-gradient(145deg,#504862,#302a43)!important;
 box-shadow:inset 0 1px 3px #06050b9b,0 0 7px #8d7bb057!important;
 cursor:pointer;
}
body[data-studio-mode="images"] .sv-transparency-field input#sv-transparent-png::before{
 content:"";position:absolute;left:2px;top:2px;
 width:16px;height:16px;border-radius:50%;
 background:linear-gradient(170deg,#fff,#e4d6f8 54%,#ad9bc6);
 box-shadow:0 1px 3px #070510b0;
 transition:transform .18s ease;
}
body[data-studio-mode="images"] .sv-transparency-field input#sv-transparent-png:checked{
 background:linear-gradient(145deg,#2f9979,#156e79)!important;
 border-color:#69d9b5!important;
 box-shadow:inset 0 1px 3px #06352f8c,0 0 10px #6ae8bc7c!important;
}
body[data-studio-mode="images"] .sv-transparency-field input#sv-transparent-png:checked::before{
 transform:translateX(17px);
}
body[data-studio-mode="images"] .sv-transparency-field .sv-transparent-choice span{
 font-weight:800!important;font-size:11px!important;
}
body[data-studio-mode="images"] .sv-pipeline-tools,
body[data-studio-mode="images"] .sv-optional-image-tools{
 margin:6px 0 10px!important;
}
body[data-studio-mode="images"] .sv-pipeline-tools summary,
body[data-studio-mode="images"] .sv-optional-image-tools summary{
 display:block;cursor:pointer;
 width:100%;box-sizing:border-box;
 padding:9px 10px!important;margin:0!important;
 border:1px solid #584874!important;border-radius:9px!important;
 background:linear-gradient(150deg,#352943,#201a30)!important;
 color:#e9d7f5!important;
 font-size:10px!important;font-weight:850!important;
}
body[data-studio-mode="images"] .sv-pipeline-tools .sv-actions{
 margin-top:9px!important;
}
body[data-studio-mode="images"] .sv-rail-library{
 display:block;width:100%;min-width:0;
 margin:9px 0 10px!important;padding:0!important;
 background:#201a2b!important;border:1px solid #584775!important;
 border-radius:10px!important;
}
body[data-studio-mode="images"] .sv-rail-library summary{
 display:flex;align-items:center;justify-content:space-between;
 width:100%;box-sizing:border-box;
 padding:12px 10px;cursor:pointer;
 font-size:11px;font-weight:850;color:#fff3fe;
 list-style:none;
}
body[data-studio-mode="images"] .sv-rail-library summary::-webkit-details-marker{display:none}
body[data-studio-mode="images"] .sv-rail-library summary span{
 font-size:14px;color:#dfb8f5;transition:transform .2s;
}
body[data-studio-mode="images"] .sv-rail-library[open] summary span{transform:rotate(180deg)}
body[data-studio-mode="images"] .sv-rail-library .sv-sidebar-library{
 padding:4px 10px 8px!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-studio-mode="images"] .sv-rail-library>small{
 display:block;padding:0 10px 10px;
}
body[data-studio-mode="images"] .sv-sidebar-reset{
 display:block;box-sizing:border-box;width:100%;
 margin:15px auto 2px;padding:10px;
 background:transparent;border:0;border-radius:8px;
 color:#d7c9e3;cursor:pointer;
 font:700 11px/1.4 system-ui,sans-serif;
}
body[data-studio-mode="images"] .sv-sidebar-reset:hover{
 color:#fff;background:#312640;
}
@media(max-width:730px){
 body[data-studio-mode="images"] .sv-tool-controls{
  max-width:100%!important;width:100%!important;
 }
 body[data-studio-mode="images"] #sv-image-ratios{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
}


/* v27 — image workspace sizing repair: fixed wide settings panel + fluid canvas.
   Avoid width:0/flex-basis:0 which can collapse the working area in production. */
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout {
  display:grid!important;
  grid-template-columns:340px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:start!important;
  justify-content:stretch!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  gap:16px!important;
  padding:0!important;
  margin:0!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-tool-controls {
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  flex:none!important;
  align-self:start!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage {
  display:flex!important;
  flex:none!important;
  flex-direction:column!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:12px!important;
  overflow:visible!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar,
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-stage-shell,
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-results{
  box-sizing:border-box!important;
  display:flex;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* Hero image always gets the largest possible size while keeping its original aspect.
   Avoid upscaling outside the frame or cropping portrait, square, book, landscape. */
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout .sv-workstage>.sv-stage-shell {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  position:relative!important;
  padding:12px!important;
  min-height:0!important;
  overflow:visible!important;
  background:linear-gradient(145deg,#171b2c,#171b30 50%,#201b32)!important;
  border:1px solid #77609d!important;
  box-shadow:0 0 0 1px #ffffff0b,0 5px 18px #0704138c,inset 0 1px #ffffff21!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-stage-shell .sv-stage-topline{
  box-sizing:border-box!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:100%!important;
  margin-bottom:10px!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-stage-shell .sv-image-sized-preview{
  display:flex!important;
  position:relative!important;
  box-sizing:border-box!important;
  margin:0 auto!important;
  width:min(100%,var(--sv-stage-width,100%))!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--sv-stage-ratio,16 / 9)!important;
  flex:0 0 auto!important;
  padding:0!important;
  border:1px solid #477b9d!important;
  border-radius:12px!important;
  box-shadow:0 0 0 5px #040c17ba,0 0 21px #3875ac25!important;
  background:radial-gradient(ellipse at center,#26334f 0%,#111b2e 63%,#07111f 100%)!important;
  overflow:hidden!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-stage-shell .sv-image-sized-preview img:not([hidden]){
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  box-shadow:none!important;
  background:transparent!important;
  border:0!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-stage-shell .sv-image-sized-preview.sv-checker{
  background-color:#e8e5ed!important;
  background-image:linear-gradient(45deg,#c9c5d1 25%,transparent 25%),
  linear-gradient(-45deg,#c9c5d1 25%,transparent 25%),
  linear-gradient(45deg,transparent 75%,#c9c5d1 75%),
  linear-gradient(-45deg,transparent 75%,#c9c5d1 75%)!important;
  background-size:24px 24px!important;
  background-position:0 0,0 12px,12px -12px,-12px 0!important;
}
body[data-studio-mode="images"] .sv-image-ready {
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:11px!important;
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  padding:24px!important;
  margin:0!important;
  background:
    radial-gradient(ellipse at 50% 48%,#8751bf32,transparent 42%),
    radial-gradient(ellipse at 50% 80%,#3ac4d124,transparent 54%)!important;
  text-align:center!important;
  color:#f0e6ff;
  border:0!important;
  border-radius:0!important;
}
body[data-studio-mode="images"] .sv-image-ready[hidden]{display:none!important}
body[data-studio-mode="images"] .sv-image-ready>.sv-ready-orb{
  display:grid;place-items:center;
  width:85px;height:85px;
  margin:2px auto 8px!important;
  border:2px solid #8b78d4;
  border-radius:50%;
  background:radial-gradient(circle at 40% 32%,#cae6ff,#8354bb 40%,#292550 71%);
  color:white;
  font-size:42px;
  box-shadow:0 0 0 8px #8569c918,0 0 31px #a96ff78f,inset 0 0 20px #a3e0ff71;
  animation:sv-ready-pulse 3.8s ease-in-out infinite;
}
body[data-studio-mode="images"] .sv-image-ready strong{
  font-size:clamp(15px,1.7vw,22px);
  letter-spacing:.01em;
  font-weight:850;
  color:#f8ecff;
}
body[data-studio-mode="images"] .sv-image-ready>span{
  font-size:clamp(11px,1.1vw,13px);
  color:#d3c7e5;
}
body[data-studio-mode="images"] .sv-image-ready>small{
  font-size:10px;
  color:#a99bc6;
}
@keyframes sv-ready-pulse{
  0%,100%{transform:scale(.97);box-shadow:0 0 0 8px #8569c918,0 0 31px #a96ff78f,inset 0 0 20px #a3e0ff71}
  50%{transform:scale(1.04);box-shadow:0 0 0 18px #8569c908,0 0 38px #a96ff7b6,inset 0 0 21px #a3e0ff9a}
}
body[data-studio-mode="images"] .sv-workstage.is-generating .sv-generation-progress {
  border-radius:10px!important;
  box-shadow:inset 0 0 45px #55348335,0 0 22px #8467d64d!important;
}
body[data-studio-mode="images"] .sv-workstage.is-generating .sv-generation-orb{
  transform:scale(1.23);
  filter:drop-shadow(0 0 10px #bc96ffad);
}
/* All images flow in ONE horizontal row UNDER the main image. Older saved
   images stay available by scrolling sideways. Never shrink all five into postage stamps. */
body[data-studio-mode="images"] .sv-workstage>.sv-image-results{
  display:block!important;
  width:100%!important;
  padding:11px!important;
  border-radius:12px!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-results-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:6px 3px 14px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin;
  scrollbar-color:#8d70bc #18152b;
  grid-template-columns:none!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery>.sv-image-option{
  flex:0 0 clamp(150px,calc((100% - 48px)/5),260px)!important;
  width:clamp(150px,calc((100% - 48px)/5),260px)!important;
  max-width:260px!important;
  min-width:150px!important;
  align-self:stretch!important;
  scroll-snap-align:start;
  margin:0!important;
  box-sizing:border-box!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery:has(>.sv-image-option:only-child),
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery:has(>.sv-image-option:nth-child(2):last-child),
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery:has(>.sv-image-option:nth-child(3):last-child){
  display:flex!important;
  grid-template-columns:none!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery>.sv-gallery-empty{
  flex:1 0 100%!important;
  min-height:125px!important;
  width:100%!important;
  padding:16px!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 0 30px #6a46a21c;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery>.sv-gallery-empty .sv-gallery-empty-icon{
  width:38px;height:38px;font-size:19px;border-radius:11px;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery>.sv-gallery-empty strong{font-size:13px}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery>.sv-gallery-empty p{
  font-size:10px;max-width:440px
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-gallery-details{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:7px 12px!important;
  align-items:center!important;
  width:100%!important;
  padding:7px 11px!important;
  margin:0!important;
  min-height:0!important;
  background:#1a1a28!important;
}
body[data-studio-mode="images"] .sv-gallery-details #sv-gallery-details-title{flex:0 0 auto}
body[data-studio-mode="images"] .sv-gallery-details #sv-gallery-details-prompt{
  flex:1 1 200px!important;
  max-height:40px!important;
  min-width:180px!important;
  overflow:auto!important;
}
body[data-studio-mode="images"] .sv-gallery-details .sv-gallery-details-tags{
  flex:0 0 auto!important;
}
body[data-studio-mode="images"] .sv-gallery-details .sv-gallery-details-eyebrow{
  flex:0 0 auto!important;
}
/* Counteracts historical three-column layout rules without changing other modes. */
@media(max-width:730px){
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-tool-controls{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    position:static!important;
  }
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage{
    width:100%!important;
    flex:1 1 auto!important;
  }
  body[data-studio-mode="images"] .sv-workstage>.sv-image-results .sv-image-gallery>.sv-image-option{
    flex-basis:170px!important;
    width:170px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-studio-mode="images"] .sv-ready-orb{animation:none!important}
}


/* v26 compact inline Generate control, alongside the prompt input */
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 138px!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:9px!important;
  min-width:0!important;
  width:100%!important;
  padding:9px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar .sv-image-prompt-field {
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar textarea#sv-image-prompt {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:64px!important;
  min-height:64px!important;
  padding:9px 11px!important;
  box-sizing:border-box!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar button#sv-generate-image{
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  justify-self:end!important;
  flex:0 0 auto!important;
  width:138px!important;
  min-width:0!important;
  max-width:138px!important;
  height:44px!important;
  min-height:44px!important;
  padding:9px 8px!important;
  margin:0!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  font-size:11px!important;
  border-radius:9px!important;
}
@media(max-width:560px){
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar{
    grid-template-columns:minmax(0,1fr) 105px!important;
    gap:6px!important;
  }
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar button#sv-generate-image {
    width:105px!important;
    max-width:105px!important;
    height:44px!important;
    min-height:44px!important;
    font-size:10px!important;
    white-space:normal!important;
  }
}


/* Keep the no-results strip small; main preview is the primary workspace. */
body[data-studio-mode="images"] .sv-workstage>.sv-image-results.is-empty {
  min-height:0!important;
}
body[data-studio-mode="images"] .sv-workstage>.sv-image-results.is-empty .sv-gallery-empty{
  min-height:130px!important;
}

/* v27 safeguards: character reference content never expands/squeezes the grid. */
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout .sv-optional-image-tools,
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout .sv-pipeline-tools,
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout .sv-optional-image-tools .sv-card {
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout .sv-optional-image-tools textarea {
  display:block;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
/* Keep the native file picker hidden: the styled Choose image label is the only visible control. */
body[data-studio-mode="images"] #sv-image-upload[hidden] {
  display:none!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage.has-images:not(.preview-open):not(.is-generating)>.sv-stage-shell {
  display:flex!important;
}
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-promptbar,
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-stage-shell,
body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage>.sv-image-results {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
@media (min-width:801px) and (max-width:1200px) {
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout {
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:12px!important;
  }
}
@media (max-width:800px) {
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:12px!important;
  }
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-tool-controls {
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    top:auto!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body[data-studio-mode="images"] .sv-tool-layout.sv-image-layout>.sv-workstage {
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
}

/* Character reference selection for Prodia img2img. Image Studio only. */
body[data-studio-mode="images"] #sv-character-active[hidden],
body[data-studio-mode="images"] #sv-character-empty[hidden],
body[data-studio-mode="images"] #sv-character-use-uploaded[hidden]{display:none!important;}
body[data-studio-mode="images"] #sv-character-active{
 display:flex!important;align-items:flex-start!important;gap:10px!important;
 padding:9px!important;margin:8px 0!important;border-radius:10px!important;
 border:1px solid #846ad6!important;
 background:linear-gradient(135deg,#251a42,#161c36)!important;
 box-shadow:inset 0 1px #fff2,0 0 12px #8b65c82d!important;
}
body[data-studio-mode="images"] #sv-character-active-image{
 flex:0 0 70px!important;width:70px!important;height:70px!important;max-width:70px!important;
 object-fit:cover!important;border-radius:8px!important;border:1px solid #b69fff!important;
 background:#17152c!important;
}
body[data-studio-mode="images"] .sv-character-active-details{
 display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;gap:5px!important;
}
body[data-studio-mode="images"] .sv-character-active-details>strong{
 color:#f4e9ff!important;font:750 10px/1.4 system-ui,sans-serif!important;
}
body[data-studio-mode="images"] .sv-character-toggle{
 display:flex!important;align-items:center!important;gap:6px!important;
 font:700 10px/1.25 system-ui,sans-serif!important;color:#d8cdf7!important;
}
body[data-studio-mode="images"] .sv-character-toggle input#sv-character-use{
 display:inline-block!important;flex:0 0 16px!important;width:16px!important;
 height:16px!important;max-width:16px!important;min-width:16px!important;
 margin:0!important;appearance:auto!important;accent-color:#ad80f4!important;
}
body[data-studio-mode="images"] .sv-character-description-label{
 display:block!important;margin:8px 0 5px!important;font:750 10px/1.4 system-ui,sans-serif!important;
 color:#ded0ee!important;
}
body[data-studio-mode="images"] button#sv-character-clear,
body[data-studio-mode="images"] button#sv-character-use-uploaded{
 cursor:pointer!important;padding:8px 9px!important;border-radius:9px!important;
 border:1px solid #a38bdf!important;
 background:linear-gradient(180deg,#6a54a4,#3d285e 52%,#26173c)!important;
 color:#fff4ff!important;font:800 10px/1.35 system-ui,sans-serif!important;
 box-shadow:inset 0 1px #ffffff8a,0 3px 0 #1a0d2e,0 0 12px #9d73ed3b!important;
}
body[data-studio-mode="images"] button#sv-character-clear{align-self:flex-start!important;padding:5px 8px!important;}
body[data-studio-mode="images"] button#sv-character-use-uploaded{display:block!important;margin-top:9px!important;max-width:100%!important;width:100%!important;}
body[data-studio-mode="images"] .sv-image-option-actions button.sv-gallery-character{
 flex:1 0 100%!important;border-color:#aa88ea!important;
 background:linear-gradient(180deg,#734d9c,#40235e 55%,#27123f)!important;
}
body[data-studio-mode="images"] .sv-image-option-actions button.sv-gallery-character.is-active{
 border-color:#76dfef!important;box-shadow:inset 0 1px #ffffff9c,0 0 13px #6ce5f48c!important;
}

/* Full-size artwork viewer and scene controls. */
body[data-studio-mode="images"] .sv-image-scenes-toolbar {
 display:flex!important;align-items:center!important;gap:10px!important;
 flex-wrap:wrap!important;width:100%!important;box-sizing:border-box!important;
 padding:9px 12px!important;border:1px solid #5e507d!important;border-radius:12px!important;
 background:linear-gradient(135deg,#1b2035,#261a35)!important;
 box-shadow:inset 0 1px #ffffff24,0 5px 14px #08051370!important;
}
body[data-studio-mode="images"] .sv-image-scenes-toolbar label {
 font:800 11px/1.3 system-ui,sans-serif!important;color:#e9dafe!important;
}
body[data-studio-mode="images"] .sv-image-scenes-toolbar #sv-image-scene {
 flex:1 1 180px!important;min-width:100px!important;max-width:none!important;width:auto!important;
 padding:9px 11px!important;border:1px solid #8b74b0!important;border-radius:9px!important;
 color:#f9eeff!important;background:#191427!important;
 font:750 11px/1.3 system-ui,sans-serif!important;box-sizing:border-box!important;
}
body[data-studio-mode="images"] .sv-image-scenes-toolbar button#sv-image-new-scene {
 flex:0 0 auto!important;min-width:115px!important;width:auto!important;
 padding:9px 12px!important;border-radius:10px!important;border:1px solid #b39aee!important;
 background:linear-gradient(180deg,#795ba9,#4a3075 55%,#291840)!important;
 box-shadow:inset 0 1px #ffffffaa,0 3px 0 #1a0d2e,0 0 15px #8b74e255!important;
 font:800 11px/1.2 system-ui,sans-serif!important;color:#fff7ff!important;
}
body[data-studio-mode="images"] button#sv-image-pick-file {
 cursor:pointer!important;border:1px solid #b69be8!important;
 background:linear-gradient(180deg,#8263b2,#523679 60%,#34214f)!important;
 color:white!important;box-shadow:inset 0 1px #ffffff8c,0 3px 0 #1b1033!important;
}
body .sv-image-lightbox:not([open]){display:none!important;}
body .sv-image-lightbox[open]{
 display:block!important;position:fixed!important;inset:0!important;
 width:min(1100px,calc(100vw - 34px))!important;max-width:calc(100vw - 34px)!important;
 max-height:calc(100vh - 38px)!important;height:auto!important;
 margin:auto!important;padding:0!important;
 border:1px solid #ab93ea!important;border-radius:17px!important;
 background:linear-gradient(150deg,#161827,#21172e)!important;
 color:#f8efff!important;z-index:2147483000!important;
 box-shadow:0 30px 100px #000d,0 0 40px #8767b84d!important;
 overflow:auto!important;
}
body .sv-image-lightbox::backdrop{background:rgba(2,3,12,.89)!important;backdrop-filter:blur(7px)!important;}
body .sv-image-lightbox-inner{padding:13px!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:center!important;}
body .sv-image-lightbox-bar{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
body .sv-image-lightbox-bar strong{font:850 12px/1.3 system-ui,sans-serif!important;letter-spacing:.08em!important;color:#f5e9ff!important;}
body .sv-image-lightbox-photo,body #sv-image-lightbox-photo{
 display:block!important;width:auto!important;max-width:100%!important;max-height:72vh!important;
 height:auto!important;object-fit:contain!important;
 border:1px solid #50436b!important;border-radius:9px!important;background:#101420!important;
}
body .sv-image-lightbox-actions{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:11px!important;width:100%!important;}
body .sv-image-lightbox button{
 cursor:pointer!important;color:#fff5ff!important;border:1px solid #ac90df!important;
 padding:10px 13px!important;border-radius:10px!important;
 background:linear-gradient(180deg,#7957a2,#422759 60%,#28153e)!important;
 box-shadow:inset 0 1px #ffffff91,0 3px 0 #130d26!important;
 font:800 11px/1.35 system-ui,sans-serif!important;
}
body .sv-image-lightbox button:hover{filter:brightness(1.15)!important;}
@media(max-width:650px){
 body[data-studio-mode="images"] .sv-image-scenes-toolbar #sv-image-scene{flex:1 1 130px!important;}
 body .sv-image-lightbox[open]{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:calc(100vh - 14px)!important;}
}

/* Save status for one stable Compass Image Studio domain. */
body[data-studio-mode="images"] #sv-gallery-save-status{
 display:block!important;margin-top:5px!important;
 color:#aee2ca!important;font:750 10px/1.5 system-ui,sans-serif!important;
 white-space:normal!important;overflow-wrap:break-word!important;
}
body[data-studio-mode="images"] #sv-gallery-save-status[data-state="error"]{
 color:#ffc29c!important;
}
body[data-studio-mode="images"] .sv-image-results-actions #sv-save-all-images,
body[data-studio-mode="images"] .sv-image-results-actions #sv-open-image-backup{
 white-space:normal!important;
 border-color:#8c79c0!important;
}
body[data-studio-mode="images"] #sv-image-gallery .sv-image-option{
 overflow:hidden!important;
}

/* Missing-image recovery is explicit and never overwrites current prompts. */
body[data-studio-mode="images"] #sv-image-recovery-hint[hidden],
body[data-studio-mode="images"] #sv-merge-old-images-file[hidden]{display:none!important;}
body[data-studio-mode="images"] #sv-image-recovery-hint:not([hidden]){
 display:block!important;
 margin:7px 0 0!important;
 font:650 10px/1.45 system-ui,sans-serif!important;
 color:#e3bfdc!important;
 max-width:600px!important;
}
body[data-studio-mode="images"] #sv-merge-old-images{
 border-color:#a99de0!important;
}

/* Main image preview is for viewing, not downloading. Keep gallery downloads. */
body[data-studio-mode="images"] #sv-image-stage #sv-download-image{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Story-to-images adds a genuine storyboard to the existing glossy Studio layout.
   Scoped to image mode; never restyle Music or Video. */
body[data-studio-mode="images"] .sv-story-mode-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0 0 12px!important}
body[data-studio-mode="images"] .sv-story-mode-tabs button{font:800 10px/1.25 system-ui,sans-serif!important;min-width:0!important;padding:10px 4px!important;border-radius:9px!important;border:1px solid #7e5ea6!important;color:#eee1ff!important;background:linear-gradient(180deg,#382951,#1c192b)!important;cursor:pointer!important;box-shadow:inset 0 1px #ffffff40,0 2px 5px #08041050!important}
body[data-studio-mode="images"] .sv-story-mode-tabs button.active{border-color:#d4a8ff!important;background:linear-gradient(180deg,#9a6bd5,#5f3897 60%,#352253)!important;box-shadow:inset 0 1px #fff8,0 4px 14px #9466dd77!important}
body[data-studio-mode="images"] .sv-story-workflow-rail{display:flex!important;flex-direction:column!important;gap:12px!important;margin:1px 0 17px!important;color:#efe6ff!important;min-width:0!important}
body[data-studio-mode="images"] #sv-story-workflow-rail[hidden],body[data-studio-mode="images"] #sv-story-main-editor[hidden],body[data-studio-mode="images"] #sv-story-stage-heading[hidden],body[data-studio-mode="images"] #sv-story-stop[hidden]{display:none!important}
body[data-studio-mode="images"] .sv-story-rail-title,body[data-studio-mode="images"] .sv-story-main-editor-top,body[data-studio-mode="images"] .sv-story-stage-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}
body[data-studio-mode="images"] .sv-story-rail-title strong,body[data-studio-mode="images"] .sv-story-main-editor-top strong{font-size:12px!important;letter-spacing:.07em!important;color:#ebcdff!important}
body[data-studio-mode="images"] .sv-story-rail-title span,body[data-studio-mode="images"] .sv-story-main-editor-top span,body[data-studio-mode="images"] .sv-story-stage-heading span{font-size:11px!important;color:#c1b1de!important}
body[data-studio-mode="images"] .sv-story-input-details{padding:10px!important;border:1px solid #6c558c!important;border-radius:11px!important;background:linear-gradient(145deg,#211830,#151a2b)!important}
body[data-studio-mode="images"] .sv-story-input-details summary{cursor:pointer!important;color:#e8d0ff!important;font-size:12px!important;font-weight:850!important;padding:3px 0!important}
body[data-studio-mode="images"] .sv-story-input-details label,body[data-studio-mode="images"] .sv-story-main-editor label{display:block!important;font-size:11px!important;font-weight:800!important;color:#e1c9ff!important;margin:10px 0 5px!important}
body[data-studio-mode="images"] .sv-story-input-details textarea,body[data-studio-mode="images"] .sv-story-main-editor textarea{width:100%!important;box-sizing:border-box!important;min-height:60px!important;max-height:230px!important;resize:vertical!important;border:1px solid #765a91!important;border-radius:9px!important;background:#101623!important;color:#f8f3ff!important;padding:10px!important;font:12px/1.5 system-ui,sans-serif!important}
body[data-studio-mode="images"] .sv-story-action-row{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:8px 0!important}
body[data-studio-mode="images"] .sv-story-action-row .sv-button{flex:1 1 110px!important;font-size:11px!important;padding:9px 7px!important;min-height:35px!important}
body[data-studio-mode="images"] #sv-story-make-plan{width:100%!important;margin-top:7px!important}
body[data-studio-mode="images"] .sv-story-estimate{display:flex!important;flex-direction:column!important;gap:5px!important;padding:11px!important;border-radius:11px!important;border:1px solid #6b5793!important;background:linear-gradient(125deg,#241a3d,#151b2f)!important;box-shadow:inset 0 1px #ffffff1c!important}
body[data-studio-mode="images"] .sv-story-estimate strong{font-size:13px!important;color:#ffffff!important}
body[data-studio-mode="images"] .sv-story-estimate>span{font-size:12px!important;color:#e7d2ff!important}
body[data-studio-mode="images"] .sv-story-estimate>small{font-size:10px!important;line-height:1.4!important;color:#b7acd0!important}
body[data-studio-mode="images"] .sv-story-plan-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body[data-studio-mode="images"] .sv-story-plan-actions .sv-button{min-width:0!important;min-height:36px!important;padding:8px 5px!important;font-size:11px!important}
body[data-studio-mode="images"] .sv-story-plan-actions .sv-button:disabled{opacity:.44!important;cursor:not-allowed!important}
body[data-studio-mode="images"] .sv-story-scene-list{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:46vh!important;min-height:50px!important;overflow-y:auto!important;padding:2px 4px 5px 0!important;scrollbar-width:thin!important}
body[data-studio-mode="images"] .sv-story-scene-card{width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;padding:9px!important;border:1px solid #6b568b!important;border-radius:11px!important;background:linear-gradient(140deg,#261d38,#161b2e)!important;color:#fff!important}
body[data-studio-mode="images"] .sv-story-scene-card.is-current{border-color:#d5a0ff!important;box-shadow:0 0 0 1px #a871e760,0 5px 15px #9b69d72a!important}
body[data-studio-mode="images"] .sv-story-scene-thumb{width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:8px!important;background:#0d1423!important;color:#cdaeff!important;font-size:18px!important}
body[data-studio-mode="images"] .sv-story-scene-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body[data-studio-mode="images"] .sv-story-scene-body{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
body[data-studio-mode="images"] .sv-story-scene-pick{padding:0!important;text-align:left!important;background:none!important;color:#fff5ff!important;border:0!important;cursor:pointer!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
body[data-studio-mode="images"] .sv-story-scene-status{font-size:10px!important;color:#c1b6d7!important}
body[data-studio-mode="images"] .sv-story-scene-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
body[data-studio-mode="images"] .sv-story-scene-actions button{font:800 10px system-ui!important;color:#e6d0ff!important;border:1px solid #7959a5!important;background:linear-gradient(#463360,#271e3a)!important;border-radius:7px!important;padding:5px 7px!important;cursor:pointer!important}
body[data-studio-mode="images"] .sv-story-scene-actions button:disabled{opacity:.4!important;cursor:not-allowed!important}
body[data-studio-mode="images"] .sv-story-handoff{display:flex!important;flex-direction:column!important;gap:7px!important;padding:10px!important;border:1px solid #6b548a!important;border-radius:11px!important;background:linear-gradient(125deg,#201a34,#152133)!important}
body[data-studio-mode="images"] .sv-story-handoff strong{font-size:11px!important;letter-spacing:.08em!important;color:#d9bafa!important}
body[data-studio-mode="images"] .sv-story-handoff .sv-button{font-size:11px!important;padding:8px!important}
body[data-studio-mode="images"] .sv-story-handoff small{font-size:10px!important;line-height:1.4!important;color:#c1b2dc!important}
body[data-studio-mode="images"] .sv-story-stage-heading{padding:9px 12px!important;margin-bottom:8px!important;border:1px solid #6a518d!important;border-radius:9px!important;background:linear-gradient(90deg,#312449,#171b30)!important}
body[data-studio-mode="images"] .sv-story-stage-heading strong{color:#f7e6ff!important;font-size:13px!important}
body[data-studio-mode="images"] .sv-story-main-editor{padding:12px!important;margin:11px 0!important;border:1px solid #6b528d!important;border-radius:12px!important;background:linear-gradient(115deg,#221b38,#111a2c)!important}
body[data-studio-mode="images"] .sv-story-main-editor textarea{resize:vertical!important;max-height:150px!important}
body[data-studio-mode="images"] .sv-story-main-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}
body[data-studio-mode="images"] .sv-story-main-actions .sv-button{min-height:36px!important;font-size:11px!important}
@media(max-width:800px){body[data-studio-mode="images"] .sv-story-scene-list{max-height:32vh!important}body[data-studio-mode="images"] .sv-story-mode-tabs button{font-size:9px!important}}

/* Named-character library and @handle recognition, Image Studio only. */
body[data-studio-mode="images"] #sv-story-character-library[hidden],
body[data-studio-mode="images"] #sv-story-mention-status[hidden]{display:none!important;}
body[data-studio-mode="images"] .sv-story-character-library{display:block!important;min-width:0!important;margin:0 0 14px!important;color:#f1e6ff!important}
body[data-studio-mode="images"] .sv-story-character-library details{border:1px solid #735993!important;background:linear-gradient(150deg,#251a37,#151827)!important;border-radius:12px!important;padding:11px!important;box-shadow:0 8px 24px #09091b44!important}
body[data-studio-mode="images"] .sv-story-character-library summary{cursor:pointer!important;font:850 12px system-ui!important;color:#eddbff!important;padding-bottom:6px!important}
body[data-studio-mode="images"] .sv-story-character-library summary span{float:right!important;font-size:10px!important;color:#cbb8ea!important}
body[data-studio-mode="images"] .sv-story-character-library p,body[data-studio-mode="images"] .sv-story-character-library small{font-size:10px!important;line-height:1.4!important;color:#c4b5dd!important}
body[data-studio-mode="images"] .sv-story-character-library label{display:block!important;font:750 11px system-ui!important;color:#e5d1ff!important;margin:8px 0 4px!important}
body[data-studio-mode="images"] .sv-story-character-library input[type=text],body[data-studio-mode="images"] .sv-story-character-library textarea,body[data-studio-mode="images"] .sv-story-character-library select{box-sizing:border-box!important;width:100%!important;border:1px solid #71558f!important;border-radius:8px!important;background:#111627!important;color:#fff!important;padding:8px!important;font:12px/1.4 system-ui!important}
body[data-studio-mode="images"] .sv-story-character-library .sv-button{width:100%!important;margin:6px 0!important;min-height:34px!important;font-size:11px!important}
body[data-studio-mode="images"] .sv-story-characters-list{display:flex!important;flex-direction:column!important;gap:7px!important;margin:9px 0!important;max-height:40vh!important;overflow-y:auto!important;scrollbar-width:thin!important}
body[data-studio-mode="images"] .sv-story-character-card{display:grid!important;grid-template-columns:57px minmax(0,1fr)!important;gap:8px!important;border:1px solid #70548e!important;border-radius:10px!important;padding:8px!important;background:linear-gradient(135deg,#302142,#151f30)!important;box-sizing:border-box!important}
body[data-studio-mode="images"] .sv-story-character-thumb{display:flex!important;align-items:center!important;justify-content:center!important;width:57px!important;height:65px!important;border-radius:7px!important;background:#101322!important;color:#d4acff!important;overflow:hidden!important;font-size:22px!important}
body[data-studio-mode="images"] .sv-story-character-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}
body[data-studio-mode="images"] .sv-story-character-body{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
body[data-studio-mode="images"] .sv-story-character-body strong{font:850 11px system-ui!important;color:#fff!important;overflow-wrap:anywhere!important}
body[data-studio-mode="images"] .sv-story-character-body small{font:700 10px system-ui!important;color:#c7b5df!important}
body[data-studio-mode="images"] .sv-story-character-body textarea{max-height:94px!important;min-height:50px!important}
body[data-studio-mode="images"] .sv-story-character-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
body[data-studio-mode="images"] .sv-story-character-actions button{min-width:0!important;flex:1 1 54px!important;cursor:pointer!important;border:1px solid #a37fce!important;border-radius:7px!important;background:linear-gradient(180deg,#7652a4,#392456)!important;color:#fff!important;padding:7px 5px!important;font:800 10px system-ui!important}
body[data-studio-mode="images"] .sv-story-character-actions button:disabled{opacity:.55!important;cursor:not-allowed!important}
body[data-studio-mode="images"] .sv-story-main-character-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:12px 0 6px!important}
body[data-studio-mode="images"] .sv-story-main-character-head strong{font-size:12px!important;color:#ead7ff!important}
body[data-studio-mode="images"] .sv-story-main-character-head span{font-size:11px!important;color:#bea8d9!important}
body[data-studio-mode="images"] .sv-story-scene-characters{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
body[data-studio-mode="images"] .sv-story-main-editor .sv-story-character-toggle{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;padding:6px 9px!important;border:1px solid #6a518b!important;border-radius:8px!important;background:#251b37!important;font-size:11px!important;color:#f5e6ff!important;cursor:pointer!important}
body[data-studio-mode="images"] .sv-story-mention-status{display:block!important;padding:7px 9px!important;margin-top:6px!important;border-radius:8px!important;border:1px solid #7464b8!important;background:#261d42!important;font-size:11px!important;color:#dbc9ff!important;line-height:1.45!important}
body[data-studio-mode="images"] .sv-story-mention-status.has-unresolved{border-color:#e2a266!important;color:#ffe0bc!important;background:#38232a!important}