/* One stable workspace: preview, tabbed tools and independent output actions */
.compact-studio .maker-heading{max-width:1280px;margin:auto;padding:24px 36px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.compact-studio .maker-heading h2{font-size:32px;letter-spacing:1px;margin:8px 0 0;line-height:1.15}
.compact-studio .maker-heading .eyebrow{font-size:9px;letter-spacing:1.6px}
.studio-gallery-link{background:none;border:0;color:#ded1e0;padding:10px 0;min-height:44px;font-size:12px;white-space:nowrap}
.compact-studio main{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);grid-template-areas:'preview editor' 'preview actions';gap:0 36px;padding:24px 36px 28px;align-items:start}
.compact-studio .preview-panel{grid-area:preview;position:static;width:100%;padding:0;border:0;background:none;align-self:stretch;display:flex;flex-direction:column;min-height:0}
.compact-studio .preview-head{margin:0 0 10px;min-height:18px;font-size:10px}
.compact-studio .canvas-wrap{position:relative;max-width:none;width:100%;flex:1;min-height:0;padding:18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 45% 35%,#302a35,#14121a);box-shadow:none}
.compact-studio #poster{width:auto;height:auto;max-height:420px;max-width:100%;object-fit:contain}
.compact-studio .preview-caption{margin:10px 0 0;font-size:11px;min-height:16px}
.compact-studio .preview-panel>.art-export-note,.compact-studio .preview-panel>.music,.compact-studio .preview-panel>.sharehint{display:none}
.studio-zoom{position:absolute;right:10px;bottom:10px;font-size:10px;min-height:32px;border:1px solid #ffffff38;background:#14111aa8;color:#e3dce8;padding:6px 10px;backdrop-filter:blur(8px)}
.compact-studio .editor{grid-area:editor;padding:0;width:100%;min-width:0}
.studio-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #b7a4bd33;gap:0}
.studio-tabs button{min-height:46px;border:0;border-bottom:2px solid transparent;background:none;color:#a79bab;padding:8px 4px;font-size:13px;white-space:nowrap}
.studio-tabs button[aria-selected=true]{color:#f3e9f1;border-color:#e3cfdd;background:#cab4cc0c}
.studio-panels{height:310px}
.studio-panel{height:100%;overflow:auto;overscroll-behavior:contain;padding:20px 2px 12px;scrollbar-width:thin;scrollbar-color:#75677b transparent}
.compact-studio .editor fieldset{margin:0;padding:0;border:0;min-width:0}
.compact-studio .editor legend{display:none}
.compact-studio select{min-height:42px;padding:8px 10px;font-size:16px;border-color:#766b7d66;background:#17141d;border-radius:2px}
.compact-studio label{font-size:12px;color:#c2b7c8}
.compact-studio #artTrack{margin-top:6px}.compact-studio label[for=artTrack]{margin-top:18px}.compact-studio label[for=universeSelect]{display:block;margin-bottom:6px}
.compact-studio .source-hint,.compact-studio .art-source-note,.compact-studio #artModeHelp,.compact-studio .art-local,.compact-studio .art-step{display:none}
.compact-studio .art-controls{border:0;padding:0;margin:0}
.compact-studio .art-modes{gap:6px}
.compact-studio .art-modes button{padding:10px 4px;min-height:44px}.compact-studio .art-modes b{font-size:12px}.compact-studio .art-modes span{display:none}
.compact-studio .art-controls>label{display:none}
.compact-studio #artLayout{margin-top:12px;font-size:12px;min-height:36px;padding:7px}
.compact-studio .art-layout-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}
.compact-studio .art-layout-index button{min-height:40px;font-size:10px;padding:5px 3px;gap:4px;justify-content:center}.compact-studio .art-layout-index button span{font-size:11px}
.compact-studio .text-mode{margin:0 0 10px;gap:8px}.compact-studio .text-mode button{min-height:38px;padding:6px 12px;font-size:12px}
.compact-studio #message{min-height:82px;height:82px;padding:10px;font-size:16px;line-height:1.6;resize:none}
.compact-studio #lyricChoices p{display:none}.compact-studio #lyricChoices label{display:none}.compact-studio #lyricSelect{margin:0 0 8px;font-size:13px;min-height:36px}
.compact-studio .under-input{margin:0}.compact-studio .under-input button{min-height:32px;font-size:11px;padding:3px 0}
.compact-studio .upload{min-height:58px;padding:8px 12px;gap:10px}.compact-studio .upload strong{font-size:13px}.compact-studio .upload small{font-size:9px}.compact-studio .upload-plus{font-size:23px}
.compact-studio .photo-controls+ .hint{font-size:10px;margin:7px 0;line-height:1.5}
.compact-studio #crop{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:0 10px;padding:0}.compact-studio #crop label{margin:0;font-size:11px}.compact-studio #crop input{min-height:30px;margin:0}
.studio-photo-unavailable{padding:32px 0;text-align:center;color:#bdb2c5;font-size:13px}.studio-photo-unavailable button{min-height:42px;margin-top:12px;font-size:12px}
.compact-studio .palette-control{margin-top:18px!important}.compact-studio .palette-control label{margin-bottom:6px}.compact-studio .palette-control p{display:none}
.compact-studio #studio-panel-size #copy{display:block;font-size:11px;text-align:left;margin:10px 0 0;min-height:36px}
.studio-actions{grid-area:actions;min-width:0;border-top:1px solid #b7a4bd33;padding-top:14px}
.compact-studio .art-generate-bar{margin:0;grid-template-columns:1fr 72px;gap:8px}.compact-studio .art-generate-bar button{min-height:44px;padding:9px 8px;font-size:13px}.compact-studio #artStatus{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:16px}
.compact-studio .export-actions{grid-template-columns:1fr 1.4fr .65fr;gap:6px;margin-top:8px}.compact-studio .export-actions button{min-height:40px;padding:8px 5px;font-size:11px}.compact-studio .export-actions #share{grid-column:auto}
.compact-studio .publication-note{font-size:10px;margin:7px 0 0;line-height:1.5}
.compact-studio .universe-exhibition{scroll-margin-top:24px;margin-top:24px}.compact-studio .exhibition-heading{flex-wrap:wrap}.studio-return{margin-left:auto;white-space:nowrap;font-size:12px}
.studio-preview-dialog{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;padding:65px 16px 24px;background:#0c0a11;border:0;border-radius:0}
.studio-preview-dialog button{position:absolute;right:16px;top:10px;background:none;border:0;color:#fff;font-size:30px;width:44px;height:44px}.studio-preview-dialog img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 95px);margin:auto}
@media(max-width:760px){
 .compact-studio .maker-heading{height:62px;padding:10px 16px;gap:10px}.compact-studio .maker-heading h2{font-size:23px;margin:4px 0 0}.compact-studio .maker-heading .eyebrow{font-size:8px;letter-spacing:1px}.studio-gallery-link{font-size:11px}
 .compact-studio main{height:calc(100svh - 186px - env(safe-area-inset-bottom));min-height:535px;padding:8px 16px 10px;grid-template-columns:1fr;grid-template-rows:minmax(140px,1fr) 264px auto;grid-template-areas:'preview' 'editor' 'actions';gap:8px}
 .compact-studio .preview-panel{order:0;min-height:0;height:100%;overflow:hidden}.compact-studio .preview-head{margin:0 0 5px;min-height:13px;flex-wrap:nowrap}.compact-studio .preview-head .eyebrow{font-size:8px;letter-spacing:1px}.compact-studio #sizeLabel{font-size:9px}
 .compact-studio .canvas-wrap{height:calc(100% - 18px);padding:8px 36px;overflow:hidden}.compact-studio #poster{max-height:100%;max-width:100%;width:auto;height:auto}.compact-studio .preview-caption{display:none}
 .compact-studio .studio-tabs button{min-height:42px;font-size:12px}.studio-panels{height:222px}.studio-panel{padding:10px 1px 8px}
 .compact-studio .art-layout-index button{min-height:36px}.compact-studio #artLayout{margin-top:7px;min-height:32px}.compact-studio .art-modes button{min-height:40px;padding:7px 4px}
 .studio-actions{padding-top:8px}.compact-studio .art-generate-bar button{min-height:40px;padding:7px}.compact-studio .art-generate-bar{gap:4px 7px}.compact-studio #artStatus{display:none}
 .compact-studio .export-actions{margin-top:6px}.compact-studio .export-actions button{min-height:38px}.compact-studio .publication-note{font-size:9px;margin-top:5px;line-height:1.4}
 .compact-studio .universe-exhibition{margin-top:20px}.compact-studio .exhibition-heading{gap:4px 12px}.compact-studio .exhibition-heading>div{flex-basis:100%}.compact-studio .exhibition-heading button{min-height:36px}
}
.compact-studio .poster-text-options{margin:0 0 8px}
@media(max-width:760px){.compact-studio #message{height:76px;min-height:76px}.compact-studio .art-modes button{min-height:36px}.compact-studio .art-layout-index{margin-top:6px}}

/* Give the artwork its own space; controls can no longer compress it into a thumbnail */
.compact-studio .preview-panel{align-self:start}
.compact-studio .canvas-wrap{flex:none;height:min(72svh,760px);padding:0;background:transparent;border:0}
.compact-studio #poster{max-height:100%;max-width:100%;width:auto;height:auto;flex:none;box-shadow:0 12px 30px #0004}
.compact-studio .studio-zoom{font-size:10px;right:8px;bottom:8px;min-height:36px;padding:7px 12px;border-color:#ffffff30;background:#15121aaa}
@media(max-width:760px){
 .compact-studio main{height:auto;min-height:0;grid-template-rows:auto 264px auto;gap:14px}
 .compact-studio .preview-panel{height:auto;overflow:visible;display:block}
 .compact-studio .preview-head{margin-bottom:10px}
 .compact-studio .canvas-wrap{width:100%;height:min(65svh,calc((100vw - 32px) * var(--poster-height-ratio,1.777778)));padding:0;overflow:visible}
 .compact-studio #poster{max-height:100%;max-width:100%;height:auto;width:auto}
}