/* SmartPrompt AI v0.4.11 — Studio Readability & Simplification
   Scoped to Studio only. Loaded after studio-phase3.css/public-overrides. */

/* 1) Readability baseline */
.studioPremium{font-size:15px;color:#17233d}
.studioPremium .studioHeroPremium p{font-size:17px;line-height:1.72;color:#e3ecfa}
.studioPremium .studioHeroSignals span{font-size:12.5px;line-height:1.3;padding:8px 12px}
.studioPremium .studioHeroMetrics span{font-size:13px}
.studioPremium .studioHeroMetrics small{font-size:11.5px;color:#d2def1}

.studioPremium .studioRailHead span,
.studioPremium .studioWorkspaceKicker{font-size:11px;color:#66758c}
.studioPremium .studioRailHead b{font-size:17px}
.studioPremium .studioToolLink{min-height:70px;padding:12px}
.studioPremium .studioToolIcon{font-size:11px}
.studioPremium .studioToolCopy b{font-size:14px;line-height:1.25}
.studioPremium .studioToolCopy small{font-size:12.5px;line-height:1.4;color:#66758c;margin-top:4px}
.studioPremium .studioRailInfo{padding:14px}
.studioPremium .studioRailInfo b{font-size:13px}
.studioPremium .studioRailInfo p{font-size:12.5px;line-height:1.55;color:#66758c}

.studioPremium .studioWorkspaceTopbar{min-height:74px;height:auto;padding:14px 24px}
.studioPremium .studioWorkspaceTopbar>div b{font-size:17px}
.studioPremium .studioEnginePill{font-size:12px;padding:8px 11px}
.studioPremium .studioWorkspace{padding:32px}
.studioPremium .studioLoader b{font-size:15px}
.studioPremium .studioLoader small{font-size:13px}

.studioPremium .studioStepBadge{font-size:11px;padding:7px 10px}
.studioPremium .studioPageHeadPremium{margin-bottom:24px}
.studioPremium .studioPageHeadPremium p{font-size:16px;line-height:1.7;color:#56677f;max-width:780px}

/* 2) Forms: ordinary viewing distance first */
.studioPremium .studioFormSection{padding:25px 25px}
.studioPremium .studioFormSectionHead{margin-bottom:18px}
.studioPremium .studioFormSectionHead>span{width:34px;height:34px;font-size:11.5px}
.studioPremium .studioFormSectionHead h3{font-size:17px;margin-top:0}
.studioPremium .studioFormSectionHead h3 em{font-size:11px;padding:4px 7px}
.studioPremium .studioFormSectionHead p{font-size:14px;line-height:1.55;color:#617087;max-width:760px}
.studioPremium .studioBuilderForm .field label,
.studioPremium .dynamicFieldTop>label:first-child,
.studioPremium .studioRangeLabel label,
.studioPremium .dynamicPresetHead b{font-size:14px;line-height:1.35;color:#25344c;font-weight:800}
.studioPremium .studioBuilderForm input,
.studioPremium .studioBuilderForm select,
.studioPremium .studioBuilderForm textarea,
.studioPremium .dynamicFieldCard>input{min-height:52px;font-size:15px;line-height:1.45;padding:12px 13px;color:#17233d}
.studioPremium .studioBuilderForm textarea{font-size:15.5px;line-height:1.72;padding:15px 16px}
.studioPremium .dynamicFieldCard>small{font-size:12.5px;line-height:1.45;color:#6b7a8f;margin-top:8px}
.studioPremium .dynamicLock span{min-height:32px;padding:6px 10px;font-size:11.5px;color:#65758a}
.studioPremium .dynamicModeSwitch b{font-size:14.5px}
.studioPremium .dynamicModeSwitch small{font-size:12.5px;color:#66758c;line-height:1.4}
.studioPremium .dynamicCategoryInfo>span{font-size:10.5px}
.studioPremium .dynamicCategoryInfo>b{font-size:17px}
.studioPremium .dynamicCategoryInfo p{font-size:13.5px;line-height:1.55;color:#5f7087}
.studioPremium .dynamicPresetHead span{font-size:12.5px;color:#66758c}
.studioPremium .dynamicPresetChips span{min-height:38px;padding:8px 12px;font-size:12.5px}
.studioPremium .studioRangeScale{font-size:12px;color:#6d7c90}
.studioPremium .variationAxesGrid span{min-height:46px;font-size:13px}

/* 3) Reduce visual noise with progressive disclosure */
.studioCompactSection{padding:16px 24px!important;background:#fbfcfe}
.studioAdvancedBlock{border:1px solid #dde6f1;border-radius:16px;background:#fff;overflow:hidden}
.studioAdvancedBlock>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;user-select:none;background:linear-gradient(180deg,#fff,#fbfcfe)}
.studioAdvancedBlock>summary::-webkit-details-marker{display:none}
.studioAdvancedBlock>summary>span{display:block;min-width:0}
.studioAdvancedBlock>summary b{display:block;font:800 14.5px/1.3 Montserrat,Poppins,sans-serif;color:#22314a}
.studioAdvancedBlock>summary small{display:block;margin-top:4px;font-size:12.5px;line-height:1.4;color:#69798f}
.studioAdvancedBlock>summary i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d9e3ef;border-radius:9px;background:#f4f8fd;color:#2458e6;font:800 20px/1 Poppins;font-style:normal;transition:.16s;flex:none}
.studioAdvancedBlock[open]>summary{border-bottom:1px solid #e7edf5;background:#f8fbff}
.studioAdvancedBlock[open]>summary i{transform:rotate(45deg)}
.studioAdvancedBody{padding:18px}
.studioAdvancedLocks{margin-top:16px;padding-top:16px;border-top:1px solid #e7edf5}
.dynamicFieldsStack{display:grid;gap:13px}
.dynamicAdvancedFields>summary{margin:0}
.dynamicAdvancedFields>.dynamicFieldsGrid{padding:16px}
.studioOutputAdvanced .dynamicControlGrid{margin-bottom:16px}

/* 4) Results should be easy to read, not metadata-heavy */
.studioPremium .studioResultsHeadPremium span{font-size:10.5px}
.studioPremium .studioResultsHeadPremium h3{font-size:22px}
.studioPremium .studioResultsHeadPremium p{font-size:14px;line-height:1.55;color:#617087}
.studioPremium .studioResultCardPremium{padding:23px}
.studioPremium .studioResultTop h3{font-size:18px}
.studioPremium .resultMeta{font-size:11.5px}
.studioPremium .scorePillPremium{font-size:12.5px}
.studioPremium .dnaChipsPremium span{font-size:13px;line-height:1.4;padding:9px 11px}
.studioPremium .studioPromptCanvasLabel{font-size:11px;padding:9px 13px;color:#627188}
.studioPremium .studioPromptText,
.studioPremium .studioPromptCanvas .promptText{font-size:15.5px;line-height:1.78;color:#1d293d;padding:16px}
.studioPremium .negativePrompt,
.studioPremium .negativePrompt p,
.studioPremium .studioNote p,
.studioPremium .studioCollapsible{font-size:14px;line-height:1.65;color:#53657d}
.studioPremium .dynamicResultMeta span{font-size:12.5px;padding:7px 10px}
.studioPremium .cleanerStats span{font-size:12.5px;color:#66758c}
.studioPremium .cleanerStats strong{font-size:18px}
.studioPremium .studioResultActions .btn,
.studioPremium .dynamicBuilderActions .btn{font-size:14px;min-height:46px}

/* Score / seasonal / supporting copy */
.studioPremium .scoreAxesHead span{font-size:10.5px}
.studioPremium .scoreAxesHead b,.studioPremium .scoreAxis b{font-size:13.5px}
.studioPremium .scoreAxis span{font-size:12px}
.studioPremium .studioAdvice h3{font-size:17px}
.studioPremium .studioAdvice li{font-size:14px;line-height:1.6}
.studioPremium .seasonCardPremium p{font-size:14px;line-height:1.6;color:#5f7087}
.studioPremium .seasonMotif{font-size:13px;line-height:1.55}
.studioPremium .seasonPalette span{font-size:12px}
.studioPremium .studioEmptyPremium b{font-size:15px}
.studioPremium .studioEmptyPremium p{font-size:13.5px;line-height:1.55}

/* Footer action copy: concise but readable */
.studioPremium .studioFormFooter{padding:19px 24px}
.studioPremium .studioFormFooter>div>b{font-size:13.5px}
.studioPremium .studioFormFooter>div>span{font-size:12.5px;line-height:1.45;color:#68788e}
.studioPremium .studioFormFooter .studioSubmitPremium span{font-size:14px!important}

@media(max-width:1080px){
  .studioPremium .studioWorkspace{padding:26px}
  .studioPremium .studioToolCopy b{font-size:13.5px}
  .studioPremium .studioToolCopy small{font-size:12px}
}
@media(max-width:760px){
  .studioPremium{font-size:16px}
  .studioPremium .studioHeroPremium p{font-size:16px}
  .studioPremium .studioWorkspace{padding:20px 16px}
  .studioPremium .studioPageHeadPremium p{font-size:15px}
  .studioPremium .studioFormSection{padding:21px 17px}
  .studioCompactSection{padding:14px 17px!important}
  .studioPremium .studioFormSectionHead h3{font-size:16px}
  .studioPremium .studioFormSectionHead p{font-size:14px}
  .studioPremium .studioBuilderForm .field label,
  .studioPremium .dynamicFieldTop>label:first-child{font-size:14px}
  .studioPremium .studioBuilderForm input,
  .studioPremium .studioBuilderForm select,
  .studioPremium .dynamicFieldCard>input{font-size:16px;min-height:52px}
  .studioPremium .studioBuilderForm textarea{font-size:16px}
  .studioPremium .dynamicFieldCard>small{font-size:13px}
  .studioPremium .studioPromptText,
  .studioPremium .studioPromptCanvas .promptText{font-size:15.5px}
  .studioPremium .studioFormFooter{align-items:stretch;flex-direction:column}
  .studioPremium .studioFormFooter .studioSubmitPremium{width:100%}
  .studioAdvancedBlock>summary{padding:15px}
  .studioAdvancedBody{padding:15px}
  .dynamicAdvancedFields>.dynamicFieldsGrid{padding:14px}
}
@media(max-width:520px){
  .studioPremium .studioHeroSignals span{font-size:12px}
  .studioPremium .studioToolCopy b{font-size:14px}
  .studioPremium .studioToolCopy small{font-size:12.5px}
  .studioPremium .dynamicLock span{font-size:11.5px}
  .studioPremium .dynamicPresetChips span{font-size:12.5px}
  .studioPremium .variationAxesGrid span{font-size:12.5px}
}

/* v0.4.12 — Strong Studio Typography Hierarchy */
.studioPremium .studioToolCopy b{font-size:18px;line-height:1.2;letter-spacing:-.015em}
.studioPremium .studioToolCopy small{font-size:13px;line-height:1.45;margin-top:5px}
.studioPremium .studioRailInfo b{font-size:17px;line-height:1.25}
.studioPremium .studioRailInfo p{font-size:13px;line-height:1.55}

.studioPremium .studioFormSectionHead h3{font-size:24px;line-height:1.18;letter-spacing:-.025em}
.studioPremium .studioFormSectionHead p{font-size:14px;line-height:1.6;margin-top:7px}
.studioPremium .dynamicCategoryInfo>b{font-size:24px;line-height:1.18;letter-spacing:-.025em}
.studioPremium .dynamicCategoryInfo p{font-size:13.5px;line-height:1.6}

.studioAdvancedBlock>summary b{font-size:18px;line-height:1.22;letter-spacing:-.018em}
.studioAdvancedBlock>summary small{font-size:13px;line-height:1.45}

.studioPremium .studioResultsHeadPremium h3{font-size:28px;line-height:1.15;letter-spacing:-.035em}
.studioPremium .studioResultsHeadPremium p{font-size:14px;line-height:1.6}
.studioPremium .studioResultTop h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}
.studioPremium .studioPromptText,.studioPremium .studioPromptCanvas .promptText{font-size:15.5px;line-height:1.78}

.studioPremium .studioAdvice h3{font-size:23px;line-height:1.2;letter-spacing:-.02em}
.studioPremium .studioAdvice li{font-size:14px;line-height:1.65}
.studioPremium .seasonCardPremium h3,.studioPremium .seasonCard h3{font-size:24px;line-height:1.2;letter-spacing:-.025em}
.studioPremium .seasonCardPremium p,.studioPremium .seasonCard p{font-size:14px;line-height:1.62}
.studioPremium .studioMemberCard h3{font-size:24px;line-height:1.2;letter-spacing:-.025em}
.studioPremium .studioMemberCard p{font-size:14px;line-height:1.62}

@media(max-width:760px){
  .studioPremium .studioToolCopy b{font-size:18px}
  .studioPremium .studioFormSectionHead h3{font-size:22px}
  .studioPremium .dynamicCategoryInfo>b{font-size:22px}
  .studioPremium .studioResultsHeadPremium h3{font-size:25px}
  .studioPremium .studioResultTop h3{font-size:22px}
  .studioPremium .seasonCardPremium h3,.studioPremium .seasonCard h3{font-size:22px}
}