/* SaveUs Download Workspace — editorial tech art direction v3 */
:root{--studio-ink:#17221c;--studio-paper:#f5f6f0;--studio-lime:#c7f36b;--studio-muted:#69746b;--studio-line:#dce1d7;--studio-dark:#1a241e}
html{scroll-behavior:smooth}body{background:var(--studio-paper)!important;color:var(--studio-ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(36,55,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,55,42,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
nav{background:rgba(245,246,240,.93)!important;border-bottom:1px solid #d9ded5!important;backdrop-filter:blur(18px)!important}.nav-inner{max-width:1320px!important;height:72px!important}.brand-mark{background:var(--studio-lime)!important;color:#17221c!important;border-radius:11px!important;box-shadow:none!important}.brand-name{font-weight:850!important;letter-spacing:-.06em!important}.brand-tag{letter-spacing:.12em!important;text-transform:uppercase!important;font-size:9px!important}.nav-link{font-weight:650!important}.nav-cta{background:var(--studio-ink)!important;color:#fff!important;border-radius:7px!important;box-shadow:none!important}
.page{max-width:1320px!important;padding:28px 28px 72px!important}.workspace-stage{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:clamp(28px,5vw,76px);align-items:center;position:relative;padding:56px 0 50px;border-bottom:1px solid var(--studio-line)}.workspace-copy{min-width:0}.workspace-copy .hero{margin:0!important;text-align:left!important;max-width:680px!important}.hero-badge{background:#e7eddf!important;border:1px solid #d4ddcb!important;color:#314534!important;border-radius:5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:10px!important;font-weight:800!important;padding:8px 11px!important}.hero-badge i{background:#54852d!important;box-shadow:none!important}.page .hero h1{font-size:clamp(48px,6.1vw,82px)!important;line-height:.98!important;letter-spacing:-.075em!important;font-weight:800!important;max-width:650px!important;margin:27px 0 22px!important;text-wrap:balance}.page .hero h1 span{color:#63813b!important;display:block!important}.page .hero p{font-size:16px!important;line-height:1.75!important;color:#667167!important;max-width:530px!important}.hero-points{justify-content:flex-start!important;gap:10px 18px!important;margin-top:24px!important}.hero-points span{font-size:12px!important;color:#4f5b50!important}.hero-points svg{color:#628b36!important}.legal-consent{text-align:left!important;font-size:11px!important;color:#778076!important;margin:18px 0 20px!important}.workspace-copy .url-card{margin:0!important;padding:10px!important;border:1px solid #cfd7cb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 35px rgba(35,48,35,.07)!important}.workspace-copy .url-row{gap:8px!important}.workspace-copy .url-wrap{border:0!important;background:#f4f6f1!important;border-radius:7px!important;min-height:58px!important;box-shadow:inset 0 0 0 1px #e0e5dc!important}.workspace-copy .url-wrap:focus-within{box-shadow:inset 0 0 0 1px #7b9e54,0 0 0 3px rgba(144,183,90,.15)!important}.workspace-copy .url-input{font-size:14px!important}.workspace-copy .url-paste{background:#e6eadf!important;border-radius:5px!important}.workspace-copy .btn-primary{min-height:58px!important;border-radius:7px!important;background:var(--studio-lime)!important;color:#1d2b1c!important;border:1px solid #b4e15a!important;box-shadow:none!important;font-weight:800!important;padding:0 20px!important}.workspace-copy .btn-primary:hover{background:#b9e95a!important;transform:translateY(-1px)}.workspace-copy .url-notes{padding:4px 8px!important}.workspace-preview{min-width:0;background:var(--studio-dark);color:#f3f5ed;border-radius:14px;padding:clamp(20px,3vw,34px);position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(23,34,28,.15)}.workspace-preview:after{content:"";position:absolute;width:250px;height:250px;right:-110px;top:-130px;border:1px solid rgba(199,243,107,.24);border-radius:50%;box-shadow:0 0 0 28px rgba(199,243,107,.035),0 0 0 58px rgba(199,243,107,.025);pointer-events:none}.preview-topline{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;font-weight:800;color:#b5c1b1}.preview-kicker{display:flex;align-items:center;gap:8px}.preview-kicker i,.preview-download-dot{width:7px;height:7px;border-radius:50%;background:var(--studio-lime);display:inline-block}.preview-index{border:1px solid #3c4a3f;padding:6px 8px;border-radius:4px}.preview-heading{display:flex;flex-direction:column;font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.07em;margin:31px 0 12px;font-weight:500}.preview-heading strong{color:var(--studio-lime);font-weight:800}.preview-caption{font-size:12px;color:#aab6a9;line-height:1.6;max-width:310px;margin:0 0 24px}.preview-window{background:#f5f6f0;color:#1d2a20;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.preview-window-bar{height:35px;background:#e8ece4;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #d9dfd5}.preview-window-bar>span{width:6px;height:6px;border-radius:50%;background:#b4beb0}.preview-window-bar b{margin-left:auto;font-size:8px;letter-spacing:.1em;color:#748072}.preview-file{display:flex;align-items:center;gap:11px;padding:17px 15px 15px}.preview-file-icon{display:grid;place-items:center;width:38px;height:42px;border-radius:5px;background:#dfe8d6;color:#3c5c2d}.preview-file-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.preview-file-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.preview-file-copy b{font-size:12px}.preview-file-copy small{font-size:10px;color:#758071}.preview-demo-tag{font-size:8px;font-weight:800;letter-spacing:.1em;color:#6b7b61;background:#e6ebdf;padding:5px 6px;border-radius:3px;margin-left:auto}.preview-format-label{padding:0 15px 8px;color:#7a8577;font-size:8px;font-weight:800;letter-spacing:.13em}.preview-format-row{display:flex;align-items:center;gap:11px;margin:0 10px;padding:11px 8px;border-top:1px solid #e0e4dc}.format-symbol{width:29px;height:29px;display:grid;place-items:center;background:#e6eddd;color:#42612e;border-radius:5px;font-size:13px}.format-symbol.audio{background:#f0e8d8;color:#89632b}.preview-format-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.preview-format-row b{font-size:11px}.preview-format-row small{font-size:9px;color:#788274}.format-arrow{margin-left:auto;color:#6b7d61}.preview-download-bar{margin:10px;padding:12px;background:var(--studio-lime);border-radius:5px;color:#24351f;font-size:10px;font-weight:800;display:flex;align-items:center;gap:8px}.preview-download-bar>span:last-child{margin-left:auto;font-size:15px}.preview-foot{display:flex;justify-content:space-between;gap:8px;margin-top:17px;color:#7e9080;font-size:8px;font-weight:750;letter-spacing:.08em}.dash-stats{margin:30px 0 60px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--studio-line);border-radius:9px;background:rgba(255,255,255,.45);overflow:hidden}.dstat{padding:20px!important;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.dstat+.dstat{border-left:1px solid var(--studio-line)!important}.dstat-ic{grid-row:span 2;background:#e4ebdd!important;color:#476635!important;border-radius:6px!important}.dstat b{font-size:18px!important;letter-spacing:-.04em}.dstat small{font-size:10px!important;color:#707b6f!important}.platforms{padding:20px 0 50px!important}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px!important}.sec-head h2{font-size:clamp(25px,3vw,36px)!important;letter-spacing:-.055em!important}.sec-head p{max-width:430px!important;font-size:12px!important;line-height:1.7!important;color:#6d786d!important}.platform-row .chip{border-radius:6px!important;background:#fff!important;border-color:#dfe4db!important}.page .info-card{border:1px solid #d7dfd2!important;border-radius:12px!important;box-shadow:none!important}.page .section{border:1px solid #d7dfd2!important;border-radius:12px!important;padding:24px!important;background:#fff!important}.page .section-label{letter-spacing:.08em!important;text-transform:uppercase!important;font-size:10px!important}.page .result-card,.page .prog-card{border-radius:10px!important}.page :is(button,a,input,select,textarea,summary){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.page :is(a,button,input,select,textarea,summary):focus-visible,nav :is(a,button):focus-visible{outline:2px solid #719c45!important;outline-offset:3px!important}
@media(max-width:900px){.page{padding:16px 20px 56px!important}.workspace-stage{grid-template-columns:1fr;gap:28px;padding:35px 0 32px}.workspace-copy .hero h1{font-size:clamp(48px,10vw,72px)!important}.workspace-preview{max-width:650px;width:100%;justify-self:center}.preview-heading{font-size:clamp(40px,8vw,56px)}.sec-head{align-items:flex-start;flex-direction:column;gap:8px}.sec-head p{max-width:600px!important}}
@media(max-width:560px){.page{padding:8px 15px 42px!important}.nav-inner{height:62px!important;padding:0 15px!important}.nav-links{gap:12px!important}.nav-link{font-size:11px!important}.nav-cta{padding:9px 10px!important;font-size:11px!important}.workspace-stage{padding-top:27px;gap:24px}.page .hero h1{font-size:clamp(43px,12.5vw,60px)!important;margin-top:22px!important}.page .hero p{font-size:14px!important}.hero-points{gap:9px 12px!important}.hero-points span{font-size:10px!important}.workspace-copy .url-row{display:flex!important;flex-direction:column!important}.workspace-copy .url-wrap{width:100%;min-height:54px!important}.workspace-copy .btn-primary{width:100%;min-height:52px!important}.legal-consent{font-size:10px!important}.workspace-preview{padding:19px 16px}.preview-heading{font-size:39px;margin-top:25px}.preview-foot{font-size:7px}.dash-stats{grid-template-columns:1fr!important;margin:22px 0 40px!important}.dstat{padding:13px 15px!important;grid-template-columns:38px 1fr}.dstat+.dstat{border-left:0!important;border-top:1px solid var(--studio-line)}.dstat-ic{width:36px;height:36px}.platforms{padding-top:4px!important}.page .section{padding:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* UI regression pass: prevent legacy cascade conflicts, support theme switching and narrow screens. */
html,body{max-width:100%;overflow-x:clip}
.mobile-nav-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:40px;height:40px;border:1px solid var(--studio-line);border-radius:8px;background:transparent;color:var(--studio-ink)}
.mobile-nav-toggle span{display:block;width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform .16s ease,opacity .16s ease}
.mobile-nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}
.url-row,.url-wrap,.workspace-stage,.workspace-copy,.workspace-preview{min-width:0;max-width:100%}
.url-input{min-width:0;width:100%}
.platform-row,.platforms .platform-row{max-width:100%;flex-wrap:wrap}
img,video,canvas,iframe{max-width:100%}
[data-theme="dark"] body{background:#111812!important;color:#edf2e9!important}
[data-theme="dark"] body:before{background-image:linear-gradient(rgba(222,239,216,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(222,239,216,.035) 1px,transparent 1px)}
[data-theme="dark"] nav{background:rgba(17,24,18,.94)!important;border-color:#303b30!important}
[data-theme="dark"] .studio-ink,[data-theme="dark"] .page .hero h1,[data-theme="dark"] .nav-link{color:#edf2e9!important}
[data-theme="dark"] .brand-tag,[data-theme="dark"] .page .hero p,[data-theme="dark"] .hero-points span,[data-theme="dark"] .legal-consent,[data-theme="dark"] .sec-head p{color:#a7b4a4!important}
[data-theme="dark"] .workspace-copy .url-card,[data-theme="dark"] .page .section,[data-theme="dark"] .page .info-card{background:#1a241c!important;border-color:#354235!important;color:#edf2e9!important}
[data-theme="dark"] .workspace-copy .url-wrap{background:#111a13!important;box-shadow:inset 0 0 0 1px #354235!important}
[data-theme="dark"] .workspace-copy .url-input{background:transparent!important;color:#f2f6ef!important}
[data-theme="dark"] .workspace-copy .url-input::placeholder{color:#819080!important}
[data-theme="dark"] .workspace-copy .url-paste{background:#2c3b2b!important;color:#e9f3df!important}
[data-theme="dark"] .dash-stats{background:#1a241c!important;border-color:#354235!important}
[data-theme="dark"] .dstat+.dstat{border-color:#354235!important}
[data-theme="dark"] .dstat b{color:#edf2e9!important}
[data-theme="dark"] .platform-row .chip{background:#1a241c!important;border-color:#354235!important;color:#edf2e9!important}
[data-theme="dark"] .page .info-card p,[data-theme="dark"] .page .section p,[data-theme="dark"] .page .section li{color:#c0cbbc!important}
@media(max-width:700px){
  .nav-inner{position:relative;gap:8px!important}
  .nav-right{display:flex;align-items:center;gap:7px!important}
  .mobile-nav-toggle{display:flex;flex:0 0 40px}
  .nav-links{display:none!important;position:absolute;top:calc(100% + 8px);left:12px;right:12px;z-index:120;flex-direction:column;align-items:stretch;gap:3px!important;padding:8px!important;border:1px solid #d9ded5;border-radius:10px;background:#fff;box-shadow:0 16px 36px rgba(20,35,22,.16)}
  .nav-links.mobile-open{display:flex!important}
  .nav-links .nav-link{display:block;padding:12px 13px!important;border-radius:6px;font-size:13px!important;color:#243127!important}
  .nav-cta{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px!important}
  [data-theme="dark"] .nav-links{background:#1a241c;border-color:#354235;box-shadow:0 16px 36px rgba(0,0,0,.38)}
  [data-theme="dark"] .nav-links .nav-link{color:#e6eee2!important}
  .workspace-stage{grid-template-columns:minmax(0,1fr)!important}
  .workspace-preview{width:100%;justify-self:stretch}
  .preview-foot{flex-wrap:wrap}
  .url-row{align-items:stretch}
}
@media(max-width:380px){
  .brand{gap:6px!important}.brand-tag{display:none!important}.brand-name{font-size:17px!important}
  .nav-cta svg{display:none!important}.nav-cta{font-size:10px!important;padding:0 8px!important}
  .page{padding-left:12px!important;padding-right:12px!important}
  .page .hero h1{font-size:clamp(39px,12vw,47px)!important}
  .preview-foot{gap:6px 12px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav-toggle span{transition:none!important}}
@media(max-width:560px){.brand-tag{display:none!important}.nav-cta{width:40px;min-width:40px;padding:0!important}.nav-cta span{display:none!important}.nav-cta svg{display:block!important;width:17px;height:17px}}

/* Dark-mode button contrast fix — public workspace */
[data-theme="dark"] .page button:not(.btn-primary):not(.nav-cta),
[data-theme="dark"] .page .btn:not(.btn-primary),
[data-theme="dark"] .page .btn-ghost,
[data-theme="dark"] .page .url-paste,
[data-theme="dark"] .page .theme-toggle,
[data-theme="dark"] .page .mobile-nav-toggle,
[data-theme="dark"] nav button:not(.nav-cta){
  color:#edf4e9!important;
  border-color:#465446!important;
}
[data-theme="dark"] .page .btn-ghost,
[data-theme="dark"] .page button.btn-ghost,
[data-theme="dark"] .page .theme-toggle,
[data-theme="dark"] .page .mobile-nav-toggle,
[data-theme="dark"] nav button:not(.nav-cta){
  background:#263327!important;
}
[data-theme="dark"] .page .btn-ghost:hover,
[data-theme="dark"] .page .theme-toggle:hover,
[data-theme="dark"] .page .mobile-nav-toggle:hover,
[data-theme="dark"] nav button:not(.nav-cta):hover{background:#344534!important;color:#fff!important}
[data-theme="dark"] .page .btn-primary,
[data-theme="dark"] .workspace-copy .btn-primary,
[data-theme="dark"] .nav-cta{background:#c7f36b!important;color:#17221c!important;border-color:#c7f36b!important}
[data-theme="dark"] .page button:disabled,[data-theme="dark"] .page .btn:disabled{opacity:.58!important;color:#aab7a6!important}