/* Shared compact layouts for the creative studios. Keep every control available. */
dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint) :is(input,select,textarea){box-sizing:border-box;max-width:100%;min-width:0}
dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint) :is(label,section,aside){min-width:0}
dialog.colouring-studio .colour-tools textarea{width:100%;resize:vertical}
dialog.colouring-studio .colour-tools input{width:100%}
@media(max-width:700px){
 dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint){width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px;overscroll-behavior:contain}
 dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint) :is(input,textarea,select){font-size:16px;min-height:44px}
 dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint) button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
 dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint) :is(header,.publishing-heading,.cover-heading,.deck-heading){position:sticky;top:-12px;z-index:2;background:var(--ui-surface);padding:10px 0;gap:8px;border-bottom:1px solid var(--line)}
 dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint) h2{font-size:22px;line-height:1.2}
 dialog.colouring-studio .colour-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 dialog.colouring-studio .colour-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 dialog.colouring-studio .colour-art-preview{width:100%;max-width:430px}
 dialog.colouring-studio iframe{height:60dvh;box-sizing:border-box}
 dialog.art-paint .art-tools{gap:8px}
 dialog.art-paint .art-tools label{flex:1 1 120px}
 dialog.art-paint .art-tools :is(input,select){width:100%}
 dialog.art-paint .art-tools input[type=color]{height:44px}
 dialog.art-paint .art-tools button{flex:1 1 140px}
 dialog.art-paint .art-layer{max-width:100%}
 dialog.art-paint .art-canvas{width:100%;margin:10px 0}
 dialog.publishing-studio .publishing-actions,dialog.book-cover-studio .cover-actions,dialog.presentation-studio .deck-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
 dialog.colouring-studio .colour-tools,dialog.publishing-studio .publishing-meta,dialog.presentation-studio .deck-meta{grid-template-columns:minmax(0,1fr)}
}

/* Short labels and narrow fields stay inside their dialog. */
dialog.art-paint .art-nudge button{min-width:44px;min-height:44px}
@media(max-width:700px){dialog.art-paint .art-nudge{width:100%;justify-content:center}dialog.art-paint .art-nudge button{flex:0 1 54px}dialog:is(.colouring-studio,.publishing-studio,.book-cover-studio,.presentation-studio,.art-paint) summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center}}

@media(max-width:700px){dialog.art-paint .art-align{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}dialog.art-paint .art-align button{min-width:0}}