/* Compact settings share one flexible row; secondary detail opens on demand. */
:root[data-theme] #shell.unified-shell #connection{flex:0 0 auto!important;width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap;font-size:12px!important}
:root[data-theme] #shell.unified-shell .topbar{gap:12px!important;min-width:0}
:root[data-theme] #shell.unified-shell .topbar #workspace-mode{max-width:170px}
:root[data-theme] #shell.unified-shell .visual-composer-box{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:flex-start!important;gap:6px 12px;align-items:center;width:100%;box-sizing:border-box}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config{display:contents}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config label{display:flex;flex-direction:row;flex:0 1 auto;gap:5px;font-size:10px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config select{min-width:0!important;width:auto;max-width:155px;height:28px!important;min-height:28px!important;font-size:11px!important;padding:3px 7px}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-controls-bar{display:flex;margin:0!important;gap:5px;flex:1 1 auto}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .visual-pills-label{display:none}
:root[data-theme] #shell.unified-shell[data-view-mode=visual] .ratio-pill{min-width:36px;min-height:28px;padding:3px 6px}
.media-details{position:relative;margin-left:auto;font-size:11px;color:var(--b1x-muted)}
.media-details summary{cursor:pointer;list-style:none;padding:5px 8px;border-radius:6px;background:var(--b1x-control)}
.media-details[open] #media-notice{position:absolute;right:0;bottom:30px;z-index:30;width:min(280px,70vw);padding:12px!important;border-radius:10px;background:var(--b1x-solid);box-shadow:0 8px 32px #0003;line-height:1.5}
@media(max-width:1100px){:root[data-theme] #shell.unified-shell .topbar{gap:7px!important}:root[data-theme] #shell.unified-shell .topbar #workspace-mode{max-width:130px}}
@media(max-width:700px){:root[data-theme] #shell.unified-shell #connection{display:none!important}:root[data-theme] #shell.unified-shell[data-view-mode=visual] .media-config select{max-width:130px;min-height:34px!important}:root[data-theme] #shell.unified-shell[data-view-mode=visual] .ratio-pill{min-height:34px}}

/* Compact, readable activity controls; touch targets retain their height. */
:root[data-theme]:has(#shell.unified-shell){--type-control:.8125rem;--type-meta:.75rem;--type-composer:.875rem;--type-heading:1.125rem;--type-title:1.5rem}
:root[data-theme] #task-activity-window{font-size:.8125rem}
:root[data-theme] #task-activity-window .task-window-heading strong{font-size:.875rem!important;line-height:1.35;font-weight:600}
:root[data-theme] #task-activity-window :is(.execution-status,.execution-controls select){font-size:.875rem!important;font-weight:550;line-height:1.45}
:root[data-theme] #task-activity-window :is(button,summary,.task-window-section-heading strong){font-size:.8125rem!important;font-weight:500}
:root[data-theme] #task-activity-window :is(small,.execution-progress,.execution-metadata,.task-window-section-heading span){font-size:.75rem!important}
:root[data-theme] #task-activity-window .execution-controls{gap:6px}
:root[data-theme] #task-activity-window .execution-controls button{min-height:42px;padding:7px 10px;border-radius:10px}
:root[data-theme] #task-activity-window .execution-controls select{min-height:38px;padding:6px 10px;border-radius:10px}
:root[data-theme] #task-activity-window .task-window-tabs button{font-size:.75rem!important;gap:5px;padding:5px 8px}
:root[data-theme] #task-activity-window .task-window-tabs svg{width:15px;height:15px}
:root[data-theme] #task-activity-window #prompt{font-size:.875rem!important;line-height:1.5!important}
:root[data-theme] #shell.unified-shell .topbar :is(select,.launch-signin){font-size:.8125rem!important}
.composer-access-info{display:inline-grid!important;place-items:center!important;flex:0 0 20px!important;min-width:20px!important;width:20px!important;min-height:20px!important;height:20px!important;padding:0!important;border:1px solid var(--b1x-border,#62776b)!important;border-radius:50%!important;background:transparent!important;font:italic 600 11px Georgia,serif!important;color:var(--b1x-muted,inherit)!important;box-shadow:none!important}.composer-access-info:hover{color:var(--b1x-text,inherit)!important}.composer-access-dialog h3{display:flex;align-items:center;gap:8px;font-size:13px}.composer-access-dialog h3 svg{width:18px;height:18px}.composer-access-dialog section{padding:8px 0;border-bottom:1px solid var(--b1x-border,#62776b)}