/* Approved Image direction. Page-level opt-in; no children's study or prose rules. */
body.studio-page:not(.children-view):is(.public-view,.private-view,.memory-view),
body[data-sprout-compact] {
  --compact-page-top:8px;
  --compact-page-gap:8px;
  --compact-page-inline:12px;
  --compact-page-head-min:44px;
}
.compact-page-count{font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}
@media(min-width:761px){
  body.studio-page:not(.children-view):is(.public-view,.memory-view) .studio-workspace{padding-top:var(--compact-page-top)}
  body.studio-page.public-view:not(.children-view) .public-shelf-intro{gap:var(--compact-page-inline);padding:0;margin:0 0 var(--compact-page-gap);min-height:var(--compact-page-head-min)}
  body.studio-page.public-view:not(.children-view) .public-shelf-intro>div{display:flex;align-items:baseline;gap:var(--compact-page-inline);min-width:0;flex:1}
  body.studio-page.public-view:not(.children-view) .public-shelf-intro h1{margin:0;flex-shrink:0}
  body.studio-page.public-view:not(.children-view) .public-shelf-intro p{display:none}
  body.studio-page.public-view:not(.children-view) .public-shelf-page .public-tabs{margin:0 0 var(--compact-page-gap)}
  body.studio-page.public-view:not(.children-view) .public-shelf-page .public-tabs button{padding:4px 10px}
  body.studio-page.public-view:not(.children-view) .public-shelf-page .public-filters{margin:0 0 var(--compact-page-gap)}
  body.studio-page.public-view:not(.children-view) .public-shelf-page .public-filters button{padding:4px 10px;border-radius:0;border-bottom:2px solid transparent;background:transparent}
  body.studio-page.public-view:not(.children-view) .public-shelf-page .public-filters button.active{background:transparent;border-bottom-color:currentColor}
  body.studio-page.public-view:not(.children-view) .public-shelf-section-head{margin-bottom:var(--compact-page-gap)}
  body.studio-page.private-view:not(.children-view) #private-study-root .ps-app main.ps-content{padding-top:var(--compact-page-top)}
  body.studio-page.private-view:not(.children-view) #private-study-root>.ps-app>main.ps-content>.ps-page-header{gap:var(--compact-page-inline);margin-bottom:var(--compact-page-gap);min-height:var(--compact-page-head-min)}
  body.studio-page.private-view:not(.children-view) #private-study-root>.ps-app>main.ps-content>.ps-page-header>div{display:flex;align-items:baseline;gap:var(--compact-page-inline);min-width:0;flex:1}
  body.studio-page.private-view:not(.children-view) #private-study-root>.ps-app>main.ps-content>.ps-page-header h1{flex-shrink:0}
  body.studio-page.private-view:not(.children-view) #private-study-root>.ps-app>main.ps-content>.ps-page-header p{min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.studio-page.memory-view:not(.children-view) .memory-space>.memory-header{padding-top:0;padding-bottom:0}
  body.studio-page.memory-view:not(.children-view) .memory-space>.memory-console-tabs{margin-bottom:var(--compact-page-gap)}
  body[data-sprout-compact="micro"]>main{padding-top:var(--compact-page-top)}
  body[data-sprout-compact="micro"]>main>.intro{min-height:var(--compact-page-head-min);margin:0 0 var(--compact-page-gap);gap:var(--compact-page-inline)}
  body[data-sprout-compact="micro"]>main>.intro>div:first-child{display:flex;align-items:baseline;gap:var(--compact-page-inline);min-width:0;flex:1}
  body[data-sprout-compact="micro"]>main>.intro .eyebrow{display:none}
  body[data-sprout-compact="micro"]>main>.intro h1{margin:0;flex-shrink:0}
  body[data-sprout-compact="micro"]>main>.intro p[data-i="intro"]{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-sprout-compact="micro"] .viewport-shell{height:clamp(360px,calc(100dvh - 480px),620px)}
  body[data-sprout-compact="youth"]>main{padding-top:var(--compact-page-top)}
  body[data-sprout-compact="youth"] .discovery-intro{align-items:center;gap:var(--compact-page-inline);margin:0 0 var(--compact-page-gap);min-height:var(--compact-page-head-min)}
  body[data-sprout-compact="youth"] .discovery-intro>div:first-child{display:flex;align-items:baseline;gap:var(--compact-page-inline);min-width:0;flex:1}
  body[data-sprout-compact="youth"] .discovery-intro .eyebrow{display:none}
  body[data-sprout-compact="youth"] .discovery-intro h1{margin:0;max-inline-size:100%;min-width:0}
  body[data-sprout-compact="youth"] .discovery-intro h1 br{display:none}
  body[data-sprout-compact="youth"] #stage-intro{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-sprout-compact="youth"] .level-picker{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--compact-page-gap);max-inline-size:50%}
  body[data-sprout-compact="toolbox"]>main{padding-top:var(--compact-page-top)}
  body[data-sprout-compact="toolbox"] .catalog-intro{display:flex;align-items:baseline;gap:var(--compact-page-inline);min-height:var(--compact-page-head-min);margin:0 0 var(--compact-page-gap)}
  body[data-sprout-compact="toolbox"] .catalog-intro>.toolbox-breadcrumb,
  body[data-sprout-compact="toolbox"] .catalog-intro>h2{display:none}
  body[data-sprout-compact="toolbox"] .catalog-intro>h1{margin:0;flex-shrink:0}
  body[data-sprout-compact="toolbox"] .catalog-intro>p:last-child{min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-sprout-compact="toolbox"] .catalog-top{min-height:var(--compact-page-head-min)}
  body[data-sprout-compact="toolbox"] .catalog-meta{min-height:var(--compact-page-head-min)}
}
@media(min-width:1280px){
  body.studio-page.public-view:not(.children-view) .public-shelf-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
  body.studio-page.public-view:not(.children-view) .public-shelf-book{align-items:flex-start;text-align:left;padding:4px;background:transparent;border-color:transparent;box-shadow:none}
  body.studio-page.public-view:not(.children-view) .public-shelf-book:is(:hover,:focus-visible){border-color:var(--line);background:var(--paper)}
  body.studio-page.public-view:not(.children-view) .public-shelf-cover{height:210px;justify-content:flex-start;margin-bottom:var(--compact-page-gap)}
  body.studio-page.public-view:not(.children-view) .public-shelf-cover :is(.cover,.classic-cover){width:140px;height:210px}
}