/* Shared media capture and canvas-first composer surfaces. */
.media-source-dialog,.camera-capture-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:8px;overflow:hidden}.media-source-dialog::backdrop,.camera-capture-dialog::backdrop{background:rgba(3,8,13,.72);backdrop-filter:blur(7px)}
.media-source-card{display:grid;width:min(100%,340px);gap:7px;margin:auto;padding:10px;border-radius:8px}.media-source-heading,.camera-capture-heading{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px}.media-source-heading small{color:var(--ui-accent);font-size:9px;font-weight:800}.media-source-heading h2,.camera-capture-heading h2{margin:1px 0 0;color:var(--ui-text);font-size:15px}.media-source-heading .icon-command,.camera-capture-heading .icon-command{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}
.media-source-option{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-height:54px!important;padding:7px 9px!important;text-align:left!important}.media-source-option span:last-child{display:grid;gap:2px}.media-source-option strong{font-size:12px}.media-source-option small{color:var(--ui-muted);font-size:9px}.media-source-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--ui-accent) 55%,var(--ui-border));border-radius:7px;color:var(--ui-accent);font-size:18px}
.media-source-option.hidden{display:none!important}
.camera-capture-card{display:grid;width:min(100%,390px);height:min(100%,700px);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;margin:auto;padding:8px;overflow:hidden;border-radius:8px}.camera-capture-heading{grid-template-columns:32px minmax(0,1fr) 32px;text-align:center}.camera-live-stage{position:relative;min-height:0;overflow:hidden;border-radius:8px;background:#05080c}.camera-live-stage video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-live-stage.environment video{transform:none}.camera-live-stage p{position:absolute;right:8px;bottom:8px;left:8px;margin:0;padding:6px 8px;border-radius:6px;background:rgba(4,9,14,.72);color:#fff;font-size:10px;text-align:center}.camera-live-stage p:empty{display:none}.camera-capture-actions{display:grid;place-items:center;min-height:54px}.camera-capture-actions>button{display:grid!important;width:48px!important;min-width:48px!important;height:48px!important;padding:4px!important;place-items:center;border-radius:50%!important;background:transparent!important;border:2px solid var(--ui-text)!important}.camera-capture-actions>button span{width:34px;height:34px;border-radius:50%;background:var(--ui-text)}
.activity-broadcast-media-actions{display:flex;justify-content:flex-end}.activity-broadcast-media-actions button{min-height:30px!important}.announcement-media{display:grid;gap:6px}.announcement-media>small{font-size:9px;font-weight:800;color:var(--ui-accent)}.announcement-media .attachment-frame{width:100%;margin:0}
/* TikTok-style canvas priority: tools float over a larger editing stage. */
.story-composer-workspace{position:relative!important;display:block!important;width:100%;min-height:0}.story-composer-preview{width:min(100%,360px)!important;max-height:none!important;margin-inline:auto!important}.story-composer-tool-rail{position:absolute;z-index:5;top:8px;right:8px;display:grid;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(5,10,16,.58);backdrop-filter:blur(8px)}.story-composer-tool-rail .icon-command{color:#fff!important;background:rgba(5,10,16,.58)!important;border-color:rgba(255,255,255,.2)!important}.story-caption-label span{font-size:0}.story-caption-label span::after{content:"Caption";font-size:9px}.story-composer-card{grid-template-rows:auto minmax(240px,1fr) auto minmax(0,auto) auto auto!important}.story-composer-editing{position:relative}.story-composer-card .story-caption-label textarea{min-height:42px!important}
@media(max-width:300px){.media-source-dialog,.camera-capture-dialog{padding:4px}.camera-capture-card{padding:6px}.story-composer-tool-rail{right:5px}.story-composer-card{grid-template-rows:auto minmax(220px,1fr) auto minmax(0,auto) auto auto!important}}
@media(prefers-reduced-motion:reduce){.media-source-card,.camera-capture-card{animation:none!important;transition:none!important}}

.camera-capture-actions{gap:3px;min-height:66px}.camera-capture-actions>button span{transition:background-color 120ms ease,transform 120ms ease}.camera-capture-actions>button.recording{border-color:#ff6474!important}.camera-capture-actions>button.recording span{border-radius:7px;background:#ff5267;transform:scale(.72)}.camera-capture-actions small{color:var(--ui-muted);font-size:9px}