/* Scoped browser-only recommendations; never alter the editor's controls. */
.dt-desktop-promotion { box-sizing:border-box; margin:12px 0; padding:12px; border:1px solid rgba(4,120,87,.2); border-radius:12px; background:rgba(236,253,245,.9); color:#1e293b; text-align:left; font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; }
.dt-desktop-promotion strong { display:block; margin:0 0 5px; color:#065f46; font-size:13px; font-weight:750; line-height:1.35; }
.dt-desktop-promotion p { margin:0 0 8px; color:#475569; font-size:12px; line-height:1.5; }
.dt-desktop-promotion a { display:inline-flex; align-items:center; min-height:32px; color:#047857; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.dt-desktop-promotion a:focus-visible { outline:2px solid #047857; outline-offset:3px; border-radius:3px; }
.dt-desktop-promotion--recommended { padding:14px; border-color:rgba(4,120,87,.35); background:#e5f5ed; }
.dt-desktop-promotion--recommended strong { font-size:14px; }
.dt-desktop-promotion--compact { padding:10px 12px; }
.dt-desktop-promotion--compact strong { font-size:12px; }
.dt-desktop-promotion--export { margin:0 10px 8px; flex-shrink:0; }
.native-app .dt-desktop-promotion, [data-desktop-ready] .dt-desktop-promotion { display:none !important; }
.dt-desktop-promotion--export { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; align-items:center; }
.dt-desktop-promotion--export strong, .dt-desktop-promotion--export p { margin:0; }
.dt-desktop-promotion--export a { grid-column:2; grid-row:1 / 3; }
@media (max-width:640px) { .dt-desktop-promotion--export { grid-template-columns:1fr; } .dt-desktop-promotion--export a { grid-column:1; grid-row:auto; } }
header:has(> .dt-tool-navigation) { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
header:has(> .dt-tool-navigation) > :first-child { min-width:0; }
header:has(> .dt-tool-navigation) > :first-child .dt-header-download { margin-left:auto; }
header:has(> .dt-tool-navigation) > :last-child { justify-content:flex-end; flex-wrap:nowrap; min-width:0; }
.dt-tool-navigation { display:flex; align-items:center; gap:12px; min-width:0; justify-self:center; }
.dt-header-download { flex:0 0 auto; display:inline-flex; align-items:center; min-height:34px; padding:7px 12px; border:1px solid rgba(4,120,87,.3); border-radius:14px; background:linear-gradient(135deg,#10B981 0%,#059669 100%); color:#fff; box-shadow:0 3px 10px rgba(5,150,105,.18),inset 0 1px 0 rgba(255,255,255,.2); font:700 12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; text-decoration:none; white-space:nowrap; }
.dt-header-download:hover { filter:brightness(.96); box-shadow:0 4px 14px rgba(5,150,105,.25); }
.dt-header-download:focus-visible { outline:2px solid #047857; outline-offset:2px; }
.dt-download-short { display:none; }
.native-app .dt-header-download, [data-desktop-ready] .dt-header-download { display:none !important; }
/* Match the video editor's frosted dialogs and soft control surfaces. */
.dt-desktop-dialog { width:min(520px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid rgba(16,185,129,.18); border-radius:18px; background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.91) 65%,rgba(235,250,241,.94)),#f8fcfa; backdrop-filter:blur(28px) saturate(1.3); -webkit-backdrop-filter:blur(28px) saturate(1.3); color:#1e293b; box-shadow:0 16px 42px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.65); overflow:auto; font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; }
.dt-desktop-dialog::backdrop { background:rgba(15,23,42,.22); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
.dt-desktop-dialog-content { padding:28px; }
.dt-desktop-dialog-label { color:#047857; font-weight:650; font-size:12px; margin:0 0 8px; }
.dt-desktop-dialog h2 { color:#1e293b; font-size:24px; line-height:1.3; letter-spacing:-.025em; text-transform:none; margin:0 0 10px; }
.dt-desktop-dialog p { color:#475569; margin:0 0 16px; }
.dt-desktop-dialog ul { display:grid; gap:16px; padding:0; margin:22px 0; list-style:none; }
.dt-desktop-dialog li { padding-left:14px; border-left:2px solid rgba(16,185,129,.28); }
.dt-desktop-dialog li strong { display:block; color:#065f46; font-size:14px; font-weight:650; margin-bottom:3px; }
.dt-desktop-dialog li span { display:block; color:#475569; font-size:13px; }
.dt-desktop-dialog .dt-desktop-dialog-account { font-size:12px; margin-bottom:22px; }
.dt-desktop-dialog-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.dt-desktop-dialog-actions form { margin:0; }
.dt-desktop-dialog-primary, .dt-desktop-dialog-continue { min-height:44px; padding:11px 14px; border-radius:12px; font:600 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.dt-desktop-dialog-primary { display:inline-flex; align-items:center; background:#047857; color:white; box-shadow:inset 0 1px 0 rgba(255,255,255,.2); }
.dt-desktop-dialog-primary:hover { background:#065f46; }
.dt-desktop-dialog-continue { border:1px solid rgba(16,185,129,.18); background:rgba(255,255,255,.4); color:#334155; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); }
.dt-desktop-dialog-continue:hover { background:rgba(255,255,255,.7); }
.dt-desktop-dialog :focus-visible { outline:2px solid #047857; outline-offset:3px; }
@media(max-width:1180px) { .dt-tool-navigation { gap:4px; flex:0 1 auto; } .dt-header-download { padding:7px 12px; font-size:11px; } }
@media(max-width:900px) { .dt-download-long { display:none; } .dt-download-short { display:inline; } }
@media(max-width:600px) { .dt-tool-navigation { gap:2px; } .dt-header-download { padding:7px 10px; font-size:11px; } .dt-desktop-dialog-content { padding:24px; } .dt-desktop-dialog h2 { font-size:23px; } }
@media(prefers-reduced-transparency:reduce) { .dt-desktop-dialog { background:#f8fcfa; backdrop-filter:none; -webkit-backdrop-filter:none; } .dt-desktop-dialog::backdrop { backdrop-filter:none; -webkit-backdrop-filter:none; } }
header:has(> .dt-tool-navigation) .header-social-links { display:flex; }
@media(max-width:1180px) {
  .app-shell:has(> header > .dt-tool-navigation) { grid-template-rows:auto minmax(0,1fr); }
  .app-shell:has(> header > .dt-tool-navigation) > :is(.toolbar,.actions-toolbar) { grid-row:2; top:16px; }
  .app-shell:has(> header > .dt-tool-navigation) > .roster-drawer { grid-row:2; top:0; }
  header:has(> .dt-tool-navigation) { display:flex !important; flex-wrap:wrap !important; height:auto; gap:8px; }
  .dt-tool-navigation { order:3; flex:1 0 100%; justify-content:center; }
  .dt-tool-navigation > nav { flex:0 1 auto; }
  header:has(> .dt-tool-navigation) > .header-right,
  header:has(> .dt-tool-navigation) > .header-actions,
  header:has(> .dt-tool-navigation) > .topbar-actions { margin-left:auto; flex:0 1 auto; flex-wrap:wrap; }
  header:has(> .dt-tool-navigation) .animation-tutorial-btn { font-size:10px; padding:6px 8px; }
}

@media(max-width:600px) {
  header:has(> .dt-tool-navigation) > :first-child { flex:1 0 100%; }
  header:has(> .dt-tool-navigation) > :last-child { flex:1 0 100%; justify-content:center; }
}