/* Studio composition uses the shared component and token contracts. */
.mq-studio-content .mq-studio-page { display: grid; gap: var(--mq-space-5); min-inline-size: 0; }
.mq-studio-content .mq-studio-page > :is(.mq-page-header,.mq-section-card,.mq-service-command-bar) { margin-block: 0; }
.mq-studio-content .mq-page-header { align-items: flex-start; gap: var(--mq-space-5); }
.mq-studio-content .mq-page-header h1 { margin: 0; font-size: var(--mq-type-title); }
.mq-studio-content .mq-page-header p { max-inline-size: 65ch; margin-block-start: var(--mq-space-2); font-size: var(--mq-type-sm); color: var(--mq-text-secondary); line-height: 1.7; }
.mq-studio-content .mq-header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--mq-space-2); }
.mq-studio-content :is(.mq-field,.mq-person-picker,.mq-form-grid) { min-inline-size: 0; }
.mq-studio-content .mq-field { display: grid; align-content: start; gap: var(--mq-space-2); margin: 0; }
.mq-studio-content .mq-field > :is(span,label) { color: var(--mq-text-secondary); font-size: var(--mq-type-label); font-weight: 600; }
.mq-studio-content .mq-field :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]) { inline-size: 100%; max-inline-size: 100%; min-inline-size: 0; border-color: var(--mq-border-strong); font-size: var(--mq-type-sm); }
.mq-studio-content .mq-field :is(input,select):not([type=checkbox]):not([type=radio]):not([type=color]) { min-block-size: var(--mq-control-height); }
.mq-studio-content .mq-field small { line-height: 1.6; font-size: var(--mq-type-caption); }
.mq-studio-content .mq-form-grid { gap: var(--mq-space-5); align-items: start; }
.mq-studio-content .mq-section-card-heading p { max-inline-size: 65ch; font-size: var(--mq-type-sm); }
.mq-studio-content :is(.mq-studio-toolbar,.mq-library-toolbar) { display: flex; flex-wrap: wrap; align-items: end; gap: var(--mq-space-4); }
.mq-studio-content .mq-library-toolbar > .mq-field { flex: 1 1 280px; }
.mq-studio-content .mq-library-toolbar > .mq-muted { padding-block: var(--mq-space-3); }
.mq-studio-content dialog { max-block-size: calc(100dvh - var(--mq-space-6)); scrollbar-gutter: stable; }
.mq-studio-content dialog :is(h2,h3) { overflow-wrap: anywhere; }
.mq-studio-content :is(.mq-studio-tabs,.mq-service-extra-nav) { display: flex; overflow-x: auto; gap: var(--mq-space-2); }
.mq-studio-content .mq-studio-tabs > button { min-block-size: var(--mq-control-height); white-space: nowrap; }
.mq-studio-content details > summary { min-block-size: var(--mq-control-height); }
.mq-studio-content :is(a,button,summary,select,input,textarea):focus-visible { outline: 2px solid var(--mq-action); outline-offset: 3px; }
.mq-studio-content :is(.mq-person-picker,[role=group]) .mq-picker-empty { margin: 0; padding: var(--mq-space-4); color: var(--mq-text-muted); font-size: var(--mq-type-caption); }
.mq-studio-content .mq-disclosure-panel { border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); background: var(--mq-surface); overflow: hidden; }
.mq-studio-content .mq-disclosure-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--mq-space-3); padding: var(--mq-space-4) var(--mq-space-5); color: var(--mq-text); font-weight: 600; cursor: pointer; list-style-position: inside; }
.mq-studio-content .mq-disclosure-panel > summary::after { content: '+'; color: var(--mq-action); }
.mq-studio-content .mq-disclosure-panel[open] > summary::after { content: '−'; }
.mq-studio-content .mq-disclosure-panel > summary small { color: var(--mq-text-muted); font-weight: 400; }
.mq-studio-content .mq-disclosure-body { display: grid; gap: var(--mq-space-4); padding: var(--mq-space-5); border-block-start: 1px solid var(--mq-border); }
.mq-studio-content .mq-disclosure-body > .mq-section-card { margin: 0; padding: 0; border: 0; box-shadow: none; }
.mq-studio-content .mq-compact-list { display: grid; border: 1px solid var(--mq-border); border-radius: var(--mq-radius-md); overflow: hidden; }
.mq-studio-content .mq-compact-list-row { display: flex; align-items: center; gap: var(--mq-space-3); padding: var(--mq-space-3) var(--mq-space-4); min-inline-size: 0; }
.mq-studio-content .mq-compact-list-row + .mq-compact-list-row { border-block-start: 1px solid var(--mq-border); }
.mq-studio-content .mq-compact-list-row > span { flex: 1; overflow-wrap: anywhere; }
@media (max-width: 760px) {
 .mq-studio-content .mq-page-header { flex-direction: column; align-items: stretch; }
 .mq-studio-content .mq-header-actions { justify-content: flex-start; }
 .mq-studio-content .mq-studio-page { gap: var(--mq-space-4); }
 .mq-studio-content .mq-compact-list-row { flex-wrap: wrap; }
 .mq-studio-content .mq-compact-list-row > span { min-inline-size: 150px; }
}
@media (prefers-reduced-motion: reduce) { .mq-studio-content * { scroll-behavior: auto; transition: none; } }

.mq-studio-content .mq-field :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file])[aria-invalid="true"] { border-color: var(--mq-danger); }
.mq-studio-content .mq-field input:is([type=date],[type=time],[type=tel],[type=email],[type=number]) { direction: ltr; text-align: start; }

.mq-studio-content .mq-notification-settings { margin: 0; }