/* DEEPSYQ concise creator screen — owner approval 2026-10-20.
   Applied only on inner Studio, never Home. No AI/provider/billing change.
   Preserve full dialog settings, job state, consent, credits and all controls. */
body.studio-quickstart .stage:has(#empty:not([hidden])) {
  flex: 0 0 auto;
  min-height: 174px;
  padding: 8px 8px 18px;
}
body.studio-quickstart .stage #empty .hero-art {
  width: 52px;
  height: 50px;
  margin: 0 auto 6px;
  transform: scale(.58);
  transform-origin: center;
}
body.studio-quickstart .stage #empty #taskTitle {
  font-size: clamp(22px,2.6vw,32px);
  font-weight: 680;
  line-height: 1.2;
  letter-spacing: -.7px;
  margin: 0 0 13px;
}
body.studio-quickstart .stage #empty .examples {
  gap: 8px;
  margin: 0 auto;
}
body.studio-quickstart .stage #empty .examples button {
  min-height: 36px;
  border-radius: 999px;
}
/* Hide decorative intro only when the empty welcome panel is truly active.
   Result previews and the real History state keep their existing layout. */
body.studio-quickstart .stage:has(#empty:not([hidden])) + form.composer {
  margin-top: 0;
}
@media (max-width: 700px) {
  body.studio-quickstart .stage:has(#empty:not([hidden])) {
    min-height: 119px;
    padding: 3px 0 12px;
  }
  body.studio-quickstart .stage #empty .hero-art {
    display: none;
  }
  body.studio-quickstart .stage #empty #taskTitle {
    font-size: 22px;
    margin-bottom: 10px;
  }
  body.studio-quickstart .stage #empty .examples button {
    min-height: 32px;
    padding: 6px 10px;
  }
}

/* Owner correction: the blank Studio is a creator, not an onboarding/QA dashboard.
   Minimal presentation only. Generated media, history, errors, price quotes, consent,
   model controls and recovery actions keep their existing implementation. */
body.studio-quickstart .stage:has(#empty:not([hidden])) {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 0 12px !important;
  overflow: visible;
}
body.studio-quickstart .stage #empty.intro {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
body.studio-quickstart .stage #empty .hero-art,
body.studio-quickstart .stage #empty .examples {
  display: none !important;
}
body.studio-quickstart .stage #empty #taskTitle {
  font-size: clamp(18px, 2vw, 23px) !important;
  font-weight: 600;
  margin: 0 0 8px !important;
}
body.studio-quickstart .topbar .badge,
body.studio-quickstart .studio-nav .nav-caption,
body.studio-quickstart .studio-nav [data-kind="translation"],
body.studio-quickstart #creator [data-t="pilotNote"] {
  display: none !important;
}
/* Hide ordinary preflight/debug prose. Disabled generation remains visibly disabled;
   model connection status remains available in the model picker. */
body.studio-quickstart #creator #availability,
body.studio-quickstart #creator #accessInfo {
  display: none !important;
}
/* Saved drafts remain stored. Show the recovery bar ONLY when photos actually need
   user action. Do not show Clear Draft / verbose retention copy on every visit. */
body.studio-quickstart #imageDraftBar:not(:has(#imageDraftSkipPhotos:not([hidden]))),
body.studio-quickstart #videoDraftBar:not(:has(#videoDraftSkipPhotos:not([hidden]))) {
  display: none !important;
}
body.studio-quickstart .ref-meta:has(#clearRefs[hidden]) #refHint {
  display: none !important;
}
@media (max-width: 700px) {
  body.studio-quickstart .stage:has(#empty:not([hidden])) {
    padding-bottom: 6px !important;
  }
}

/* OWNER RESTORED LAYOUT (2026-10-20) — isolated CSS extracted from PR #323.
   Existing Create/History forms, models, consent, and provider logic are unchanged.
   Keep the idle headline centered in the work area and the creator below it,
   instead of collapsing the stage and pulling the form into the middle. */
body.studio-quickstart .stage:has(#empty:not([hidden])) {
  flex: 1 1 auto !important;
  min-height: 330px !important;
  padding: 35px 10px !important;
  justify-content: center !important;
}
body.studio-quickstart .stage #empty.intro {
  margin: 0 auto !important;
}
body.studio-quickstart .stage #empty #taskTitle {
  font-size: clamp(23px, 3vw, 40px) !important;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: -.035em;
  margin: 0 auto !important;
  max-width: 780px;
  text-align: center;
  color: var(--text);
}
@media (max-width: 700px) {
  body.studio-quickstart .stage:has(#empty:not([hidden])) {
    min-height: 275px !important;
    padding: 28px 0 24px !important;
  }
  body.studio-quickstart .stage #empty #taskTitle {
    font-size: 25px !important;
  }
}

/* Owner 6 Nov: compact creation routes; history/results keep their full flow. */
body.studio-quickstart .stage-tabs{display:none!important}
body.studio-quickstart .stage:has(#empty:not([hidden])){flex:0 0 auto!important;min-height:0!important;padding:24px 0!important}
body.studio-quickstart .stage:has(#empty:not([hidden]))+form.composer{position:relative;bottom:auto;margin-top:0}
@media(max-width:760px){
 body.studio-quickstart .studio-shell,body.studio-quickstart .studio-shell>main{min-height:0!important}
 body.studio-quickstart .studio-shell>main{margin:0!important;padding:12px 12px max(12px,env(safe-area-inset-bottom))!important}
 body.studio-quickstart .stage:has(#empty:not([hidden])){padding:14px 0 18px!important}
 body.studio-quickstart .stage #empty #taskTitle{font-size:22px!important;line-height:1.25!important}
 body.studio-quickstart #creator.composer{padding:12px!important;margin-top:0!important;position:relative!important;bottom:auto!important}
 body.studio-quickstart #creator textarea{min-height:84px!important;height:100px;max-height:160px}
 body.studio-quickstart #referenceBox{min-height:72px!important;flex-basis:58px!important}
 body.studio-quickstart .composer-controls{gap:7px;margin-top:10px}
 body.studio-quickstart .composer-controls .pill{padding:8px 10px;min-height:42px;font-size:11px}
 body.studio-quickstart .composer-controls #generate{min-height:44px;flex:1}
}
@media(max-width:760px){
 body.studio-quickstart .composer-controls .studio-type-picker,body.studio-quickstart .composer-controls #modelButton{flex:1 1 42%;white-space:nowrap;min-width:0}
 body.studio-quickstart .composer-controls #settingsButton{flex:0 1 auto}
 body.studio-quickstart .composer-controls #generate{flex:1 1 50%}
}

/* Owner follow-up: keep the composer at the bottom and reserve the stage for results. */
body.studio-quickstart .studio-shell>main{height:calc(100dvh - 78px);min-height:0!important;display:flex;flex-direction:column;margin:0 auto}
body.studio-quickstart .studio-shell>main>.stage{flex:1 1 0!important;min-height:0!important;overflow:auto;padding:16px 0!important}
body.studio-quickstart .studio-shell>main>#creator.composer{flex:0 0 auto;position:relative!important;bottom:auto!important;margin-top:auto!important}
body.studio-quickstart .studio-shell>main:has(#historyEmpty:not([hidden])){height:auto;min-height:calc(100dvh - 78px)!important}
@media(max-width:760px){
 body.studio-quickstart .studio-shell>main{height:calc(100dvh - 132px - env(safe-area-inset-top,0px));min-height:0!important}
 body.studio-quickstart .studio-shell>main:has(#historyEmpty:not([hidden])){height:auto;min-height:calc(100dvh - 132px)!important}
}