.local-engine-summary{border:1px solid var(--border, #d9dce3);border-radius:22px;padding:24px;margin-block:24px;background:var(--surface,transparent)}
.local-engine-summary strong{font-size:18px;letter-spacing:-.03em}
.local-engine-status{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.local-engine-summary small,.local-engine-note{font-size:12px;line-height:1.7;opacity:.85}
.local-engine-note{padding:14px 16px;border:1px solid currentColor;border-radius:14px;margin:0 0 18px}
.caption-review{width:min(680px,calc(100vw - 32px));max-height:min(82dvh,760px);padding:0;border:1px solid rgba(127,127,127,.25);border-radius:26px;background:var(--surface,#fff);color:var(--text,#111);box-shadow:0 28px 90px rgba(0,0,0,.28);overflow:hidden}
.caption-review::backdrop{background:rgba(6,8,14,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.caption-review-head{padding:26px 26px 12px}.caption-review-head span{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--accent,#0a84ff)}.caption-review-head h3{margin:7px 0 8px;font-size:clamp(24px,5vw,34px);letter-spacing:-.045em}.caption-review-head p{margin:0;font-size:14px;line-height:1.6;opacity:.72}
.caption-review-text{display:block;width:calc(100% - 52px);min-height:220px;max-height:42dvh;margin:8px 26px 20px;padding:18px;border:1px solid var(--border,#d9dce3);border-radius:18px;background:var(--page,#f5f5f7);color:inherit;font:500 16px/1.7 system-ui,-apple-system,sans-serif;resize:vertical;box-sizing:border-box;outline:none}.caption-review-text:focus{border-color:var(--accent,#0a84ff);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#0a84ff) 14%,transparent)}
.caption-review-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px 24px;border-top:1px solid var(--border,#d9dce3)}.caption-review-actions button{min-height:44px;padding:0 18px;border-radius:999px;font-weight:750;cursor:pointer}.caption-review-cancel{border:1px solid var(--border,#d9dce3);background:transparent;color:inherit}.caption-review-approve{border:0;background:var(--text,#111);color:var(--page,#fff)}
@media(max-width:600px){.caption-review{border-radius:22px}.caption-review-head{padding:22px 20px 10px}.caption-review-text{width:calc(100% - 40px);min-height:190px;margin:8px 20px 16px}.caption-review-actions{padding:14px 20px 20px;flex-direction:column-reverse}.caption-review-actions button{width:100%}}
.local-cancel{margin:12px 0;padding:10px 18px;border:1px solid currentColor;border-radius:50px;background:transparent;color:inherit;cursor:pointer}
.local-file-metadata{display:block;font-size:12px;line-height:1.6;margin:6px 0 16px;opacity:.8;overflow-wrap:anywhere}
.local-plan-note{max-width:780px;margin:0 auto 20px;text-align:center}
[aria-disabled="true"]{cursor:not-allowed}
@media(max-width:600px){.local-engine-summary{padding:18px}}
.local-video-result{display:block;width:min(100%,820px);max-height:70vh;margin:22px auto 8px;border-radius:18px;background:#09090b;box-shadow:0 18px 55px rgba(0,0,0,.2)}
.local-video-result[hidden]{display:none}
html.fixudio-processing .cyber-network{opacity:.16!important;transition:opacity .25s ease}
html.fixudio-processing *,html.fixudio-processing *::before,html.fixudio-processing *::after{animation-play-state:paused!important}
html.fixudio-processing main>section:not(#video){content-visibility:hidden!important;contain-intrinsic-size:auto 720px}
@media(max-width:760px){html.fixudio-processing{scroll-behavior:auto}html.fixudio-processing .site-ambient{display:none}}
@media(max-width:760px),(pointer:coarse){
  .cyber-network{display:none!important}
  .site-ambient{display:none!important}
  .site-ambient i{animation:none!important;filter:none!important;will-change:auto!important}
  main>section{content-visibility:auto;contain-intrinsic-size:auto 760px}
  body *,body *::before,body *::after{animation:none!important;will-change:auto!important}
  :is(.topbar,.nav-shell,.glass-panel,.preview-card,.settings-panel,.tool-card,.contact-shell,.contact-form,.ad-rail){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* Mobile application shell -------------------------------------------------
   Only the selected destination participates in layout and paint. Desktop
   remains the full editorial landing page. This is deliberately plain CSS so
   navigation remains usable even if a low-memory browser pauses JavaScript. */
@media (max-width:900px), (pointer:coarse) {
  html.mobile-lean { scroll-behavior:auto!important; background:var(--page,#f5f5f7); }
  html.mobile-lean body { min-width:0; overflow-x:hidden; background:var(--page,#f5f5f7); }
  html.mobile-lean :is(.cyber-network,.site-ambient,.scroll-progress,.ad-rail-shell,.campaign-strip) { display:none!important; }
  html.mobile-lean main { min-height:calc(100dvh - 65px); }
  html.mobile-lean main > section { display:none!important; content-visibility:visible!important; contain:none!important; }
  html.mobile-lean[data-mobile-route="home"] main > .hero { display:grid!important; }
  html.mobile-lean[data-mobile-route="home"] main > .product-suite { display:block!important; }
  html.mobile-lean[data-mobile-route="plans"] main > :is(.offer-section,#plans) { display:block!important; }
  html.mobile-lean[data-mobile-route="video"] main > #video,
  html.mobile-lean[data-mobile-route="audio"] main > #audio,
  html.mobile-lean[data-mobile-route="studio"] main > #studio,
  html.mobile-lean[data-mobile-route="convert"] main > #convert,
  html.mobile-lean[data-mobile-route="contact"] main > :is(.faq-section,#contact) { display:block!important; }

  html.mobile-lean .topbar { height:60px; background:var(--page,#f5f5f7)!important; border-bottom:1px solid var(--line,rgba(0,0,0,.08)); box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
  html.mobile-lean .nav-shell { min-height:60px; padding-inline:16px; gap:10px; }
  html.mobile-lean .brand-copy small { display:none; }
  html.mobile-lean .brand-icon { width:30px; height:30px; }
  html.mobile-lean .brand-copy strong { font-size:20px; font-weight:720; letter-spacing:-.055em; }
  html.mobile-lean .theme-toggle { width:34px; height:34px; }
  html.mobile-lean .nav-cta { max-width:112px; padding-inline:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  html.mobile-lean .nav-links { left:12px; right:12px; top:calc(100% + 6px); max-height:calc(100dvh - 78px); overflow:auto; border:1px solid var(--line,rgba(0,0,0,.08)); border-radius:18px; background:var(--surface,#fff)!important; box-shadow:0 18px 45px rgba(0,0,0,.14); backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }

  html.mobile-lean .page-shell { width:100%; padding-inline:16px; }
  html.mobile-lean .hero { min-height:auto; padding-top:30px; padding-bottom:28px; grid-template-columns:1fr; gap:0; text-align:left; }
  html.mobile-lean .hero-copy { max-width:none; }
  html.mobile-lean .hero h1 { margin-top:13px; font-size:clamp(35px,10vw,46px); line-height:1; letter-spacing:-.052em; }
  html.mobile-lean .hero-line-primary { color:var(--text)!important; -webkit-text-fill-color:var(--text)!important; }
  html.mobile-lean .hero-copy > p { margin-top:17px; font-size:16px; line-height:1.55; }
  html.mobile-lean .hero-trial-offer { padding:15px; grid-template-columns:1fr; gap:10px; border-radius:18px; background:var(--surface,#fff); box-shadow:0 10px 30px rgba(0,0,0,.06); }
  html.mobile-lean .hero-trial-offer button { width:100%; }
  html.mobile-lean .hero-assurance { gap:7px 12px; }
  html.mobile-lean .hero-quick-start { margin-top:18px; grid-template-columns:1fr 1fr; gap:9px; }
  html.mobile-lean .hero-quick-start a { min-height:82px; padding:12px; grid-template-columns:34px minmax(0,1fr); border-radius:17px; background:var(--surface,#fff); box-shadow:0 8px 24px rgba(0,0,0,.045); backdrop-filter:none!important; }
  html.mobile-lean .hero-quick-start a > i { display:none; }
  html.mobile-lean .hero-quick-start small { white-space:normal; line-height:1.3; }
  html.mobile-lean .hero-visual { display:none!important; }

  html.mobile-lean .product-suite { padding-top:16px; padding-bottom:42px; }
  html.mobile-lean .product-suite .section-heading { margin-bottom:20px; text-align:left; }
  html.mobile-lean .product-suite .section-heading h2 { font-size:30px; }
  html.mobile-lean .product-suite-grid { grid-template-columns:1fr 1fr; gap:10px; }
  html.mobile-lean .suite-card { min-height:210px; padding:18px; border-radius:22px; box-shadow:0 10px 30px rgba(0,0,0,.055); backdrop-filter:none!important; }
  html.mobile-lean .suite-card .suite-icon { width:42px; height:42px; margin-bottom:16px; transform:scale(.72); transform-origin:top left; }
  html.mobile-lean .suite-card .suite-number { font-size:10px; }
  html.mobile-lean .suite-card h3 { font-size:19px; }
  html.mobile-lean .suite-card p { display:none; }
  html.mobile-lean .suite-card b { margin-top:auto; font-size:11px; }

  html.mobile-lean :is(.studio-section,.audio-workspace,.ai-studio-section,.convert-section,.pricing-section,.contact-section,.faq-section,.offer-section) { padding-top:25px; padding-bottom:38px; }
  html.mobile-lean :is(.studio-section,.audio-workspace,.ai-studio-section,.convert-section) > .section-heading { margin-bottom:20px; text-align:left; }
  html.mobile-lean :is(.studio-section,.audio-workspace,.ai-studio-section,.convert-section) > .section-heading h2 { font-size:clamp(31px,9vw,42px); }
  html.mobile-lean :is(.studio-section,.audio-workspace,.ai-studio-section,.convert-section) > .section-heading p { max-width:36rem; margin-inline:0; font-size:15px; }
  html.mobile-lean :is(.studio-grid,.audio-workspace-grid,.studio-ai-shell,.convert-shell) { grid-template-columns:1fr!important; gap:14px; }
  html.mobile-lean :is(.studio-card,.preview-card,.tool-card,.audio-showcase,.studio-ai-shell,.convert-shell,.contact-shell) { min-height:0; border-radius:22px; box-shadow:0 12px 34px rgba(0,0,0,.08); backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
  html.mobile-lean :is(.studio-card,.preview-card,.tool-card,.audio-showcase,.ai-tool-form,.ai-result-panel,.convert-shell) { padding:18px; }
  html.mobile-lean .what-happens { display:none; }
  html.mobile-lean .preview-card { position:static!important; top:auto!important; }
  html.mobile-lean .ai-result-panel::before,
  html.mobile-lean .sound-orbit,
  html.mobile-lean .convert-orbit { display:none!important; }
  html.mobile-lean :is(.audio-showcase,.ai-result-panel) { min-height:210px; }
  html.mobile-lean .ai-tool-form { border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  html.mobile-lean .tool-settings-grid { grid-template-columns:1fr; }
  html.mobile-lean :is(.media-dropzone,.studio-dropzone) { min-height:170px; }
  html.mobile-lean :is(button,a,input,select,textarea) { touch-action:manipulation; }
  html.mobile-lean .site-footer { padding-block:22px; }
  html.mobile-lean .site-footer .page-shell { gap:8px; }
  html.mobile-lean .site-footer p { display:none; }

  html.mobile-lean .account-dialog { width:calc(100% - 16px); max-width:560px; max-height:calc(100dvh - 16px); margin:auto auto 8px; overflow:hidden; border-radius:26px; background:var(--surface,#fff); box-shadow:0 24px 70px rgba(0,0,0,.28); }
  html.mobile-lean .account-dialog .dialog-shell { max-height:calc(100dvh - 16px); overflow-y:auto; overscroll-behavior:contain; padding:28px 20px calc(24px + env(safe-area-inset-bottom)); background:var(--surface,#fff); scrollbar-width:none; }
  html.mobile-lean .account-dialog .dialog-shell::-webkit-scrollbar { display:none; }
  html.mobile-lean .account-dialog .dialog-close { position:sticky; top:0; width:38px; height:38px; margin:-10px -6px -8px auto; float:none; background:color-mix(in srgb,var(--text) 8%,var(--surface)); color:var(--text); }
  html.mobile-lean .account-auth h2 { max-width:310px; margin-top:12px; font-size:30px; line-height:1.06; }
  html.mobile-lean .account-auth > p { margin-top:10px; }
  html.mobile-lean .auth-tabs { position:sticky; top:-28px; z-index:2; margin-top:20px; border:1px solid var(--line); background:var(--page); }
  html.mobile-lean .auth-tabs button { min-height:42px; }
  html.mobile-lean .auth-form { margin-top:16px; gap:12px; }
  html.mobile-lean .auth-form input { min-height:50px; border-color:var(--line); background:var(--page); color:var(--text); }
  html.mobile-lean .auth-form > button:not(.text-action) { min-height:50px; border-radius:13px; }
  html.mobile-lean .trial-optin { margin-top:14px; padding:14px; background:var(--page); }

  html.mobile-lean *,html.mobile-lean *::before,html.mobile-lean *::after { animation:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; will-change:auto!important; }
  html.mobile-lean :is(.topbar,.nav-links,.hero-quick-start a,.studio-card,.preview-card,.tool-card,.audio-showcase,.studio-ai-shell,.convert-shell,.price-card,.faq-list details,.site-toast,.account-dialog::backdrop) { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
}

@media (max-width:430px) {
  html.mobile-lean .language-switch { display:none; }
  html.mobile-lean .hero-quick-start,
  html.mobile-lean .product-suite-grid { grid-template-columns:1fr; }
  html.mobile-lean .suite-card { min-height:155px; }
  html.mobile-lean .hero-assurance { display:grid; grid-template-columns:1fr; }
  html.mobile-lean .nav-cta { width:auto; min-width:58px; max-width:76px; padding-inline:11px; border-radius:999px; color:transparent; font-size:0; }
  html.mobile-lean .nav-cta::before { content:attr(data-mobile-label); width:auto; height:auto; border:0; border-radius:0; color:#fff; font-size:12px; font-weight:700; line-height:1; box-shadow:none; }
  html.mobile-lean .account-dialog { width:100%; max-height:calc(100dvh - 8px); margin:auto 0 0; border-radius:27px 27px 0 0; }
  html.mobile-lean .account-dialog .dialog-shell { max-height:calc(100dvh - 8px); }
}
