/* Content first: compact setup, clear controls and room for the actual story. */
.brand-intro>.ratio-picker{max-width:550px;margin:20px auto 12px}
.brand-intro>.ratio-picker legend{font-size:14px;margin-bottom:8px}
.brand-intro .ratio-option{min-height:62px;flex-direction:row;padding:12px;gap:10px;border-width:1px}
.brand-intro .ratio-option small{display:none}
.brand-intro .ratio-option strong{font-size:14px}
.brand-intro .ratio-icon{transform:scale(.8)}
.brand-intro .ratio-options input:checked+.ratio-option{box-shadow:0 0 0 1px var(--mf-primary);border-color:var(--mf-primary)}
.brand-intro .link-form{margin-top:16px}
.site-nav a[aria-current=page]{color:var(--mf-primary)!important;font-weight:700}
body .project-heading{margin-bottom:20px}
body .project-heading h1{margin:4px 0;font-size:30px}
body .project-format>span{display:none}
body .preview-heading{margin-bottom:14px}
body .editor-tabs{padding-inline:8px}
body .scene-row{background:#fff;border:1px solid var(--mf-border)}
body .scene-row:focus-within{background:#fcfbff;border-color:#9583e5}
body .scene-meta{font-size:13px;line-height:1.5;gap:8px}
body .scene-content>label{font-size:14px;line-height:1.5}
body .scene-content textarea{min-height:94px;line-height:1.55}
body .scene-content>small:empty,body #import-status:empty{display:none}
body #panel-story>.studio-toolbox:has(.opening-choices){display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;margin:0 0 16px;background:#faf9fd}
body #panel-story>.studio-toolbox:has(.opening-choices) h3{font-size:15px;margin:0;flex:1}
body #panel-story>.studio-toolbox:has(.opening-choices) button{margin:0}
body .opening-choices:empty,body #panel-story>.studio-toolbox>p:empty{display:none}
body .opening-choices:not(:empty),body #panel-story>.studio-toolbox>p:not(:empty){flex-basis:100%}
body .scene-tools summary{font-weight:600;min-height:44px;display:flex;align-items:center}
body .scene-arrange-menu{margin-top:0;padding-top:0}
body .sound-control{gap:16px;min-height:48px}
body .transport input{min-width:0;flex:1}
body .scene-strip{gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
body .scene-strip button{min-width:66px}
body .scene-strip span,body .scene-strip b{font-size:12px}
body .templates{grid-template-columns:repeat(2,minmax(0,1fr))}
body .template-art{height:120px}
body .template.selected{box-shadow:0 0 0 1px var(--mf-primary);background:#f7f4ff}
@media(min-width:761px){body .app-studio{scroll-padding-top:20px}body .editor-pane{max-height:calc(100dvh - 250px);min-height:360px}body .preview-panel{position:sticky;top:20px}}
@media(max-width:760px){
 .brand-intro .ratio-option{gap:4px;padding:10px 5px;min-height:56px}.brand-intro .ratio-option strong{font-size:12px}.brand-intro .ratio-icon{flex-shrink:0;transform:scale(.65)}
 body .project-heading h1{font-size:25px;overflow-wrap:anywhere}body .project-heading{margin-bottom:20px}
 body .editor-tabs button{font-size:13px;gap:5px}body .editor-tabs button b{display:none}
 body .scene-row{display:block;padding:16px}
 body .scene-preview{float:right;margin:0 0 10px 12px;width:50px}
 body .scene-preview canvas{width:50px;height:auto}
 body .scene-content{min-width:0}body .scene-content>.scene-meta{min-height:36px}
 body .scene-content>label{clear:both}body .scene-content textarea{width:100%;font-size:16px}
 body .scene-meta{flex-wrap:wrap;font-size:12px}
 body .scene-arrange-menu{margin:0 65px 8px 0}
 body .scene-arrange-menu[open]{clear:both;margin-right:0}
 body .scene-arrange-menu summary{font-size:13px}
 body .preview-stage{padding:16px}body .sound-control{flex-wrap:wrap}
 body .sound-control>input[type=range]{flex:1;min-width:110px}
 body .mobile-dock{padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #28243808}
 body.app-studio{padding-bottom:86px}
}

body #panel-story>.studio-toolbox:has(.opening-choices) h3{display:none}body #panel-story>.studio-toolbox:has(.opening-choices){background:transparent;border:0;padding:0}
.brand-intro .ratio-option{height:100%}.brand-intro .ratio-option strong{white-space:nowrap;font-size:13px}@media(max-width:760px){.brand-intro .ratio-icon{display:none}.brand-intro .ratio-option strong{font-size:11px}}