.media-viewer-stage{display:grid;gap:14px}
.media-viewer-stage img,.media-viewer-stage video{display:block;max-width:100%;max-height:min(70vh,680px);border-radius:16px;margin:0 auto;background:#000}
.media-viewer-stage audio{width:100%}
.media-viewer-meta{display:grid;gap:4px}
.media-viewer-actions{display:flex;gap:8px;flex-wrap:wrap}
.stream-wrap{display:grid;gap:14px;padding-top:8px}
.stream-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.stream-grid{display:grid;gap:12px}
.stream-card{padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}
.stream-card-top{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}
.stream-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stream-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--secondbackground);font-size:12px}
.stream-text{color:var(--foreground);line-height:1.6}
.stream-inline{margin-top:12px}
.viewer-modal .modal{max-width:min(960px,96vw)}
.preview-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media (max-width:767px){
  .content-shell{padding-bottom:calc(86px + env(safe-area-inset-bottom));}
  .bottom-nav{padding-bottom:max(10px,env(safe-area-inset-bottom));height:72px}
  .fab-stack{right:14px;bottom:calc(84px + env(safe-area-inset-bottom));gap:10px}
  .warning-btn,.quick-btn{box-shadow:0 12px 30px rgba(15,23,42,.18)}
  .desktop-composer.mobile-composer .attachment-strip.compact{grid-template-columns:1fr}
  .attachment-strip.compact{grid-template-columns:1fr}
  .attachment-card.media-image img,.attachment-card.media-video video{height:172px}
  .detail-card{padding:14px;border-radius:18px}
  .detail-toolbar{gap:8px}
  .stream-toolbar{align-items:stretch}
  .resource-row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
}


/* V11.4 mobile shell/composer fix */
@media (max-width: 767px){
  .desktop-composer.mobile-composer{display:block!important;margin:0;padding:0;border:none;box-shadow:none;background:transparent}
  .drawer-pane .desktop-composer.mobile-composer{display:block!important}
  .drawer-pane{padding:16px 16px calc(22px + env(safe-area-inset-bottom));max-height:min(86svh,calc(100dvh - 72px));overflow:auto}
  .drawer-pane .editor-input{min-height:220px;background:var(--secondbackground);border:1px solid var(--border);border-radius:16px;padding:14px 14px 18px}
  .drawer-pane .composer-head{align-items:flex-start}
  .drawer-pane .editor-footer{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  .drawer-pane .editor-footer .input-tagbox{grid-column:1 / -1;min-width:0}
  .bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;height:74px;padding:6px 4px calc(8px + env(safe-area-inset-bottom))!important}
  .bottom-nav a{min-width:0;gap:3px;font-size:10px!important;line-height:1.05}
  .bottom-nav a span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fab-stack{display:flex;right:max(14px, env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom))!important;z-index:41}
  .content-shell{padding-bottom:calc(124px + env(safe-area-inset-bottom))!important}
  .topbar{padding-inline:10px;border-radius:0 0 18px 18px}
  .topbar .header-card{gap:6px;padding:0}
  .topbar-title-wrap{min-width:0;flex:1 1 auto}
  .topbar-title{font-size:15px!important}
  .topbar-actions{gap:2px;flex:0 0 auto}
  .search-btn{width:40px!important;min-width:40px!important;padding:0!important}
  .search-btn .search-label,.search-btn .search-kbd{display:none!important}
  .icon-btn{width:38px;height:38px}
}


/* V11.5 rich editor + mobile hardening */
.editor-shell{display:grid;gap:10px;min-width:0}
.rich-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rich-toolbar .tool-sep{width:1px;height:22px;background:var(--border);margin:0 2px}
.editor-stage{background:transparent}
.rich-editor{width:100%;min-height:140px;background:transparent;border:none;outline:none;color:var(--foreground);line-height:1.65;font-size:15px;padding:0;overflow:auto;cursor:text;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
