/* Shared compact geometry. Comfortable density and larger text remain explicit preferences. */
:root[data-density="compact"]{--compact-control:32px;--compact-gap:8px;--compact-padding:12px;--compact-radius:8px;--compact-font:14px}
:root[data-density="compact"][data-text-size="large"]{--compact-font:16px}
:root[data-density="compact"] body{font-size:var(--compact-font);line-height:1.5}
:root[data-density="compact"] :is(#main,.studio-window,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:var(--compact-control);padding:5px 9px;border-radius:6px;font-size:inherit}
:root[data-density="compact"] :is(#main,.studio-window,dialog) button:not(.recording-play):not(.player-orb){min-height:var(--compact-control);padding:5px 10px;border-radius:6px;font-size:13px;line-height:1.4}
:root[data-density="compact"] :is(#main,.studio-window,dialog) textarea{padding:9px 10px;border-radius:6px;font-size:inherit;line-height:1.6}
:root[data-density="compact"] :is(.panel,.workspace-card,.take-card,.settings-card,.admin-card){padding:var(--compact-padding);border-radius:var(--compact-radius);box-shadow:none}
:root[data-density="compact"] :is(.control-grid,.workspace-grid,.toolkit-grid,.library-grid){gap:12px}
:root[data-density="compact"] :is(.row-actions,.take-actions,.dialog-actions,.section-head){gap:var(--compact-gap)}
:root[data-density="compact"] :is(.section-head,.panel-heading){margin-bottom:12px}
:root[data-density="compact"] :is(.panel,.workspace-card,.take-card) h2{font-size:16px;margin:0 0 8px}
:root[data-density="compact"] :is(.panel,.workspace-card,.take-card) h3{font-size:14px;margin:0 0 6px}
:root[data-density="compact"] :is(.panel,.workspace-card) p{margin:6px 0 10px}
:root[data-density="compact"] :is(#main,.studio-window) summary{min-height:32px;padding:6px 0;font-size:13px;font-weight:550}
:root[data-density="compact"] details[open]>summary{margin-bottom:8px}
:root[data-density="compact"] :is([role=tablist],.admin-tabs,.business-tabs){gap:4px}
:root[data-density="compact"] :is([role=tablist],.admin-tabs,.business-tabs) button{min-height:32px;padding:5px 10px;font-size:13px}
:root[data-density="compact"] :is(#main,.studio-window) :is(td,th){padding:7px 10px;font-size:13px;line-height:1.5}
:root[data-density="compact"] :is(.member-row,.billing-row,.job-row,.codelist-row){padding:8px 0;gap:8px}
:root[data-density="compact"] :is(.muted,small,.version-meta){line-height:1.5}
:root[data-density="compact"] .version-current{padding:14px}
:root[data-density="compact"] .version-entry{padding:10px 0}
:root[data-density="compact"] .version-actions{margin-top:10px}
:root[data-density="compact"] .recording-player{padding:10px;gap:10px}
:root[data-density="compact"] .recording-play{width:36px;height:36px;min-height:36px}
:root[data-density="compact"] :is(#main,.studio-window) #librarySearch{padding-left:36px}
:root[data-density="compact"] :is(.status-pill,.type-badge,.badge){font-size:11px;padding:3px 7px}
:root[data-density="compact"] :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:901px){
 :root[data-density="compact"]{--rail:208px;--header:64px}
 :root[data-density="compact"] .studio-header{min-height:64px;padding:8px 16px;gap:16px}
 :root[data-density="compact"] .workspace-toggle{min-height:42px;padding:5px 9px;border-radius:8px;gap:8px}
 :root[data-density="compact"] .workspace-avatar{width:28px;height:28px;flex-basis:28px;border-radius:7px}
 :root[data-density="compact"] .studio-rail nav a{min-height:34px;padding:7px 10px;font-size:13px}
 :root[data-density="compact"] .rail-label{margin:18px 12px 7px;font-size:10px}
 :root[data-density="compact"] #viewTitle{font-size:23px;line-height:1.3}
}
@media(pointer:coarse),(max-width:600px){
 :root[data-density="compact"]{--compact-control:44px}
 :root[data-density="compact"] :is(#main,.studio-window,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}
 :root[data-density="compact"] :is(#main,.studio-window) summary{min-height:44px;display:flex;align-items:center}
 :root[data-density="compact"] :is([role=tablist],.admin-tabs,.business-tabs) button{min-height:44px}
 :root[data-density="compact"] .recording-play{width:44px;height:44px;min-height:44px}
}
@media(min-width:1101px){
 :root[data-density="compact"][data-rail-collapsed="true"]{--rail:72px}
}
@media(prefers-reduced-motion:reduce){.collection-studio *{scroll-behavior:auto;animation:none!important;transition:none!important}}
