html[data-dddmaps-test-theme="true"]{
  --test-page:#f7f6f3;
  --test-surface:#ffffff;
  --test-surface-2:#f2f1ed;
  --test-line:rgba(0,0,0,.10);
  --test-line-2:rgba(0,0,0,.18);
  --test-text:#1f2320;
  --test-muted:#5f6862;
  --test-soft:#8b938d;
  --test-accent:#2f8f63;
  --test-accent-hover:#27784f;
  --test-accent-bg:#e7f3ec;
  --test-accent-line:#a8d5be;
  --test-radius:8px;
  --test-font:'DM Sans',system-ui,sans-serif;
  --test-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --brand-ink:var(--test-text);
  --brand-teal:var(--test-accent);
  --brand-teal-soft:var(--test-accent-line);
  --brand-paper:var(--test-page);
  --bg:var(--test-page);
  --surface:var(--test-surface);
  --surface2:var(--test-surface-2);
  --surface3:var(--test-surface);
  --border:rgba(0,0,0,.10);
  --border2:rgba(0,0,0,.18);
  --accent:var(--test-accent);
  --accent2:var(--test-accent-hover);
  --accent-soft:var(--test-accent-bg);
  --text:var(--test-text);
  --muted:var(--test-muted);
  --dim:var(--test-soft);
  --public-teal:var(--test-accent);
  --public-teal-dark:var(--test-accent-hover);
  --public-teal-soft:var(--test-accent-bg);
  --public-ink:var(--test-text);
  --public-muted:var(--test-muted);
  --public-sand:var(--test-page);
  --public-border:var(--test-line);
  --teal:var(--test-accent);
  --teal-light:var(--test-accent-bg);
  --teal-mid:var(--test-accent-line);
  --blue:var(--test-accent);
  --blue-light:var(--test-accent-bg);
  --amber:var(--test-accent);
  --amber-light:var(--test-accent-bg);
  --amber-mid:var(--test-accent-line);
  --ink:var(--test-text);
  --ink-mid:var(--test-muted);
  --ink-light:var(--test-soft);
  --sand:var(--test-page);
  --white:var(--test-surface);
  --serif:var(--test-font);
  --sans:var(--test-font);
  --shadow:0 0 0 rgba(0,0,0,0);
  --shadow-sm:0 0 0 rgba(0,0,0,0);
  --shadow-md:0 0 0 rgba(0,0,0,0);
}

html[data-dddmaps-test-theme="true"],
html[data-dddmaps-test-theme="true"] body{
  background:var(--test-page)!important;
  color:var(--test-text)!important;
  font-family:var(--test-font)!important;
  letter-spacing:0!important;
}

html[data-dddmaps-test-theme="true"] body::before,
html[data-dddmaps-test-theme="true"] body::after,
html[data-dddmaps-test-theme="true"] .noise-overlay{
  display:none!important;
}

html[data-dddmaps-test-theme="true"] body.gpx-editor-active:not(.landing-active),
html[data-dddmaps-test-theme="true"] body.zoom-editor-active:not(.landing-active),
html[data-dddmaps-test-theme="true"] body.travel-editor-active:not(.landing-active){
  --gpx-page:var(--test-page);
  --gpx-surface:var(--test-surface);
  --gpx-surface-2:var(--test-surface-2);
  --gpx-line:var(--test-line);
  --gpx-line-2:var(--test-line-2);
  --gpx-text:var(--test-text);
  --gpx-muted:var(--test-muted);
  --gpx-soft:var(--test-soft);
  --gpx-accent:var(--test-accent);
  --gpx-accent-bg:var(--test-accent-bg);
  --gpx-accent-line:var(--test-accent-line);
  --zoom-page:var(--test-page);
  --zoom-surface:var(--test-surface);
  --zoom-surface-2:var(--test-surface-2);
  --zoom-line:var(--test-line);
  --zoom-line-2:var(--test-line-2);
  --zoom-text:var(--test-text);
  --zoom-muted:var(--test-muted);
  --zoom-soft:var(--test-soft);
  --zoom-accent:var(--test-accent);
  --zoom-accent-bg:var(--test-accent-bg);
  --zoom-accent-line:var(--test-accent-line);
  background:var(--test-page)!important;
}

html[data-dddmaps-test-theme="true"] .landing-page,
html[data-dddmaps-test-theme="true"] .start-landing-page,
html[data-dddmaps-test-theme="true"] main,
html[data-dddmaps-test-theme="true"] .pricing-wrap,
html[data-dddmaps-test-theme="true"] .page-hero,
html[data-dddmaps-test-theme="true"] .page-section,
html[data-dddmaps-test-theme="true"] body.landing-active .section-tools,
html[data-dddmaps-test-theme="true"] body.landing-active .section-faq,
html[data-dddmaps-test-theme="true"] body.landing-active .section-how,
html[data-dddmaps-test-theme="true"] body.landing-active .section-creator,
html[data-dddmaps-test-theme="true"] body.landing-active .landing-hero{
  background:var(--test-page)!important;
  background-image:none!important;
}

html[data-dddmaps-test-theme="true"] .landing-header,
html[data-dddmaps-test-theme="true"] .mobile-app-header.site-app-header,
html[data-dddmaps-test-theme="true"] nav{
  background:rgba(255,255,255,.96)!important;
  border:0!important;
  border-bottom:.5px solid var(--test-line)!important;
  box-shadow:none!important;
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .landing-brand,
html[data-dddmaps-test-theme="true"] .mobile-brand-btn,
html[data-dddmaps-test-theme="true"] .nav-logo{
  color:var(--test-text)!important;
  font-family:var(--test-font)!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

html[data-dddmaps-test-theme="true"] .landing-nav a,
html[data-dddmaps-test-theme="true"] .landing-tool-link,
html[data-dddmaps-test-theme="true"] .landing-start-btn,
html[data-dddmaps-test-theme="true"] .mobile-nav-btn,
html[data-dddmaps-test-theme="true"] .nav-links a{
  min-height:34px!important;
  border:1px solid transparent!important;
  border-radius:var(--test-radius)!important;
  background:transparent!important;
  color:var(--test-muted)!important;
  box-shadow:none!important;
  font:600 14px/1 var(--test-font)!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}

html[data-dddmaps-test-theme="true"] .landing-nav a:hover,
html[data-dddmaps-test-theme="true"] .landing-tool-link:hover,
html[data-dddmaps-test-theme="true"] .mobile-nav-btn:hover,
html[data-dddmaps-test-theme="true"] .nav-links a:hover{
  border-color:transparent!important;
  background:var(--test-surface-2)!important;
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .landing-tool-link.active,
html[data-dddmaps-test-theme="true"] .landing-tool-link[aria-current="page"],
html[data-dddmaps-test-theme="true"] .landing-nav a.active,
html[data-dddmaps-test-theme="true"] .landing-nav a[aria-current="page"],
html[data-dddmaps-test-theme="true"] .mobile-nav-btn.active,
html[data-dddmaps-test-theme="true"] .nav-links a[aria-current="page"]{
  border-color:var(--test-accent-line)!important;
  background:var(--test-accent-bg)!important;
  color:var(--test-text)!important;
  font-weight:700!important;
}

html[data-dddmaps-test-theme="true"] .landing-login,
html[data-dddmaps-test-theme="true"] .nav-btn-ghost{
  border-color:var(--test-line)!important;
  background:var(--test-surface)!important;
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .landing-start-btn,
html[data-dddmaps-test-theme="true"] .landing-primary,
html[data-dddmaps-test-theme="true"] .landing-preview-cta,
html[data-dddmaps-test-theme="true"] .btn-primary,
html[data-dddmaps-test-theme="true"] .nav-btn-primary,
html[data-dddmaps-test-theme="true"] .plan-cta.primary,
html[data-dddmaps-test-theme="true"] .send-btn,
html[data-dddmaps-test-theme="true"] .inline-cookie-settings,
html[data-dddmaps-test-theme="true"] button#loginBtn{
  border:1px solid var(--test-accent)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-accent)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:700!important;
}

html[data-dddmaps-test-theme="true"] .landing-start-btn:hover,
html[data-dddmaps-test-theme="true"] .landing-primary:hover,
html[data-dddmaps-test-theme="true"] .landing-preview-cta:hover,
html[data-dddmaps-test-theme="true"] .btn-primary:hover,
html[data-dddmaps-test-theme="true"] .nav-btn-primary:hover,
html[data-dddmaps-test-theme="true"] .plan-cta.primary:hover,
html[data-dddmaps-test-theme="true"] .send-btn:hover,
html[data-dddmaps-test-theme="true"] .inline-cookie-settings:hover,
html[data-dddmaps-test-theme="true"] button#loginBtn:hover{
  background:var(--test-accent-hover)!important;
  border-color:var(--test-accent-hover)!important;
  color:#fff!important;
  transform:none!important;
}

html[data-dddmaps-test-theme="true"] body.landing-active .tool-card-actions a[href="/map-zoom-video"],
html[data-dddmaps-test-theme="true"] body.landing-active .tool-card-actions a[href="/map-zoom-video/"],
html[data-dddmaps-test-theme="true"] body.landing-active .tool-card-actions a[href="/zoom-in-effect"],
html[data-dddmaps-test-theme="true"] body.landing-active .tool-card-actions a[href="/zoom-in-effect/"],
html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/map-zoom-video"],
html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/map-zoom-video/"],
html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/zoom-in-effect"],
html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/zoom-in-effect/"]{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/map-zoom-video"],
html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/map-zoom-video/"],
html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/zoom-in-effect"],
html[data-dddmaps-test-theme="true"] .related-tools > a.related-card[href="/zoom-in-effect/"]{
  display:block!important;
}

html[data-dddmaps-test-theme="true"] .tool-card-actions{
  display:grid!important;
}

html[data-dddmaps-test-theme="true"] .tool-action{
  display:inline-flex!important;
  border-radius:var(--test-radius)!important;
  box-shadow:none!important;
  font-family:var(--test-font)!important;
  font-weight:700!important;
  text-decoration:none!important;
}

html[data-dddmaps-test-theme="true"] .tool-action-primary{
  border:1px solid var(--test-accent)!important;
  background:var(--test-accent)!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] .tool-action-secondary{
  border:1px solid var(--test-line)!important;
  background:var(--test-surface)!important;
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .tool-action-secondary.blue,
html[data-dddmaps-test-theme="true"] .tool-action-secondary.travel{
  border-color:var(--test-line)!important;
  background:var(--test-surface)!important;
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .landing-secondary,
html[data-dddmaps-test-theme="true"] .btn,
html[data-dddmaps-test-theme="true"] .plan-cta,
html[data-dddmaps-test-theme="true"] a.secondary{
  border:1px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-surface)!important;
  color:var(--test-text)!important;
  box-shadow:none!important;
}

html[data-dddmaps-test-theme="true"] .btn.btn-primary{
  border-color:var(--test-accent)!important;
  background:var(--test-accent)!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] h1,
html[data-dddmaps-test-theme="true"] h2,
html[data-dddmaps-test-theme="true"] h3,
html[data-dddmaps-test-theme="true"] .landing-copy h1,
html[data-dddmaps-test-theme="true"] .section-header h1,
html[data-dddmaps-test-theme="true"] .section-header h2,
html[data-dddmaps-test-theme="true"] .pricing-header h1,
html[data-dddmaps-test-theme="true"] .tool-card h3,
html[data-dddmaps-test-theme="true"] .preview-body h3,
html[data-dddmaps-test-theme="true"] .faq-section-head h2{
  color:var(--test-text)!important;
  font-family:var(--test-font)!important;
  letter-spacing:0!important;
}

html[data-dddmaps-test-theme="true"] p,
html[data-dddmaps-test-theme="true"] li,
html[data-dddmaps-test-theme="true"] .lead,
html[data-dddmaps-test-theme="true"] .landing-subtitle,
html[data-dddmaps-test-theme="true"] .section-subtitle,
html[data-dddmaps-test-theme="true"] .tool-card p,
html[data-dddmaps-test-theme="true"] .preview-body p,
html[data-dddmaps-test-theme="true"] .faq-answer,
html[data-dddmaps-test-theme="true"] .plan-desc,
html[data-dddmaps-test-theme="true"] .price-note,
html[data-dddmaps-test-theme="true"] .status{
  color:var(--test-muted)!important;
}

html[data-dddmaps-test-theme="true"] .eyebrow,
html[data-dddmaps-test-theme="true"] .landing-kicker,
html[data-dddmaps-test-theme="true"] .section-eyebrow,
html[data-dddmaps-test-theme="true"] .tool-tag,
html[data-dddmaps-test-theme="true"] .tool-tag.blue,
html[data-dddmaps-test-theme="true"] .tool-tag.travel,
html[data-dddmaps-test-theme="true"] .tag,
html[data-dddmaps-test-theme="true"] .plan-label,
html[data-dddmaps-test-theme="true"] .quick-plan-name,
html[data-dddmaps-test-theme="true"] .example-type{
  color:var(--test-soft)!important;
  font-family:var(--test-mono)!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html[data-dddmaps-test-theme="true"] .product-hero h1{
  color:var(--test-text)!important;
  text-shadow:none!important;
}

html[data-dddmaps-test-theme="true"] .product-hero .hero-lead,
html[data-dddmaps-test-theme="true"] .product-hero .breadcrumb,
html[data-dddmaps-test-theme="true"] .product-hero .breadcrumb a{
  color:var(--test-muted)!important;
}

html[data-dddmaps-test-theme="true"] .product-hero .hero-kicker{
  color:var(--test-accent)!important;
}

html[data-dddmaps-test-theme="true"] .product-hero .hero-proof li{
  border-color:var(--test-line)!important;
  background:var(--test-surface)!important;
  color:var(--test-muted)!important;
}

html[data-dddmaps-test-theme="true"] .cta-band{
  background:#1f2320!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] .cta-band h2{
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] .cta-band p{
  color:rgba(255,255,255,.76)!important;
}

html[data-dddmaps-test-theme="true"] .landing-kicker::before,
html[data-dddmaps-test-theme="true"] .landing-preview-label::before,
html[data-dddmaps-test-theme="true"] .proof-pill::before,
html[data-dddmaps-test-theme="true"] .quick-plan-name::after,
html[data-dddmaps-test-theme="true"] .trial-line::before{
  background:var(--test-accent)!important;
}

html[data-dddmaps-test-theme="true"] .landing-stats div,
html[data-dddmaps-test-theme="true"] .tool-card,
html[data-dddmaps-test-theme="true"] .landing-faq-item,
html[data-dddmaps-test-theme="true"] .preview-card,
html[data-dddmaps-test-theme="true"] .panel,
html[data-dddmaps-test-theme="true"] .mini-card,
html[data-dddmaps-test-theme="true"] .faq-toc,
html[data-dddmaps-test-theme="true"] .faq-section-block,
html[data-dddmaps-test-theme="true"] details,
html[data-dddmaps-test-theme="true"] .faq-cta,
html[data-dddmaps-test-theme="true"] .legal,
html[data-dddmaps-test-theme="true"] .plan-card,
html[data-dddmaps-test-theme="true"] .quick-plan,
html[data-dddmaps-test-theme="true"] .proof-pill,
html[data-dddmaps-test-theme="true"] .billing-toggle,
html[data-dddmaps-test-theme="true"] .pricing-note,
html[data-dddmaps-test-theme="true"] .note-card,
html[data-dddmaps-test-theme="true"] .example-card,
html[data-dddmaps-test-theme="true"] .examples-filter,
html[data-dddmaps-test-theme="true"] .examples-note,
html[data-dddmaps-test-theme="true"] main:has(> img){
  border:.5px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-surface)!important;
  box-shadow:none!important;
}

html[data-dddmaps-test-theme="true"] .tool-card:hover,
html[data-dddmaps-test-theme="true"] .preview-card:hover,
html[data-dddmaps-test-theme="true"] .plan-card:hover,
html[data-dddmaps-test-theme="true"] .quick-plan:hover,
html[data-dddmaps-test-theme="true"] .example-card:hover{
  border-color:var(--test-line-2)!important;
  box-shadow:none!important;
  transform:none!important;
}

html[data-dddmaps-test-theme="true"] .plan-card.featured,
html[data-dddmaps-test-theme="true"] .quick-plan.pro,
html[data-dddmaps-test-theme="true"] .quick-plan.plus{
  border-color:var(--test-accent-line)!important;
}

html[data-dddmaps-test-theme="true"] .featured-badge,
html[data-dddmaps-test-theme="true"] .plan-chip,
html[data-dddmaps-test-theme="true"] .trial-line,
html[data-dddmaps-test-theme="true"] .save-pill,
html[data-dddmaps-test-theme="true"] .billing-option.active,
html[data-dddmaps-test-theme="true"] #form-result,
html[data-dddmaps-test-theme="true"] .example-badge.pro,
html[data-dddmaps-test-theme="true"] .examples-filter button.active{
  border:.5px solid var(--test-accent-line)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-accent-bg)!important;
  color:var(--test-accent)!important;
  box-shadow:none!important;
}

html[data-dddmaps-test-theme="true"] input[type="text"],
html[data-dddmaps-test-theme="true"] input[type="email"],
html[data-dddmaps-test-theme="true"] input[type="search"],
html[data-dddmaps-test-theme="true"] textarea,
html[data-dddmaps-test-theme="true"] select{
  border:.5px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-surface-2)!important;
  color:var(--test-text)!important;
  box-shadow:none!important;
  font-family:var(--test-font)!important;
}

html[data-dddmaps-test-theme="true"] input:focus,
html[data-dddmaps-test-theme="true"] textarea:focus,
html[data-dddmaps-test-theme="true"] select:focus{
  border-color:var(--test-accent-line)!important;
  background:var(--test-surface)!important;
  outline:0!important;
}

html[data-dddmaps-test-theme="true"] summary::after,
html[data-dddmaps-test-theme="true"] a,
html[data-dddmaps-test-theme="true"] .cta,
html[data-dddmaps-test-theme="true"] .tool-card-cta,
html[data-dddmaps-test-theme="true"] .tool-card-cta.blue,
html[data-dddmaps-test-theme="true"] .tool-card-cta.travel,
html[data-dddmaps-test-theme="true"] .btn-blue,
html[data-dddmaps-test-theme="true"] .related-card[data-seo-related-card="zoom"] span,
html[data-dddmaps-test-theme="true"] .related-card[data-seo-related-card="zoom"] .related-link,
html[data-dddmaps-test-theme="true"] .accent-blue .page-band .eyebrow,
html[data-dddmaps-test-theme="true"] .accent-blue .related-card span,
html[data-dddmaps-test-theme="true"] .accent-blue .related-link,
html[data-dddmaps-test-theme="true"] .accent-amber .page-band .eyebrow,
html[data-dddmaps-test-theme="true"] .accent-amber .related-card span,
html[data-dddmaps-test-theme="true"] .accent-amber .related-link{
  color:var(--test-accent)!important;
}

html[data-dddmaps-test-theme="true"] .mapboxgl-ctrl-attrib,
html[data-dddmaps-test-theme="true"] .mapboxgl-ctrl-attrib a{
  color:rgba(0,0,0,.75)!important;
}

html[data-dddmaps-test-theme="true"] .loader-download-link,
html[data-dddmaps-test-theme="true"] .loader-download-link:visited,
html[data-dddmaps-test-theme="true"] .loader-download-link:hover{
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] .tool-card-visual,
html[data-dddmaps-test-theme="true"] .tool-card-visual-zoom,
html[data-dddmaps-test-theme="true"] .tool-card-visual-travel,
html[data-dddmaps-test-theme="true"] .preview-media,
html[data-dddmaps-test-theme="true"] .example-media{
  background:var(--test-surface-2)!important;
  border-radius:var(--test-radius)!important;
}

html[data-dddmaps-test-theme="true"] .accent-blue .hero-kicker,
html[data-dddmaps-test-theme="true"] .accent-amber .hero-kicker{
  color:var(--test-accent)!important;
}

html[data-dddmaps-test-theme="true"] .accent-blue .btn-primary,
html[data-dddmaps-test-theme="true"] .accent-amber .btn-primary{
  border-color:var(--test-accent)!important;
  background:var(--test-accent)!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] .related-card[data-seo-related-card="zoom"]{
  border-color:var(--test-line)!important;
  background:var(--test-surface)!important;
}

html[data-dddmaps-test-theme="true"] .examples-cta{
  border:.5px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-text)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}

html[data-dddmaps-test-theme="true"] .examples-cta h2{
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] .examples-cta p{
  color:rgba(255,255,255,.76)!important;
}

html[data-dddmaps-test-theme="true"] .example-badge,
html[data-dddmaps-test-theme="true"] .example-tags span{
  border:.5px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-surface-2)!important;
  color:var(--test-muted)!important;
  box-shadow:none!important;
  font-family:var(--test-font)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html[data-dddmaps-test-theme="true"] blockquote{
  border-left-color:var(--test-accent)!important;
  border-radius:0 var(--test-radius) var(--test-radius) 0!important;
  background:var(--test-accent-bg)!important;
  color:var(--test-muted)!important;
}

html[data-dddmaps-test-theme="true"] .legal-table th,
html[data-dddmaps-test-theme="true"] .legal-table td,
html[data-dddmaps-test-theme="true"] .policy-list,
html[data-dddmaps-test-theme="true"] .policy-list li{
  border-color:var(--test-line)!important;
}

html[data-dddmaps-test-theme="true"] .legal-table th{
  background:var(--test-surface-2)!important;
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .cookie-banner{
  border:.5px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--test-text)!important;
  box-shadow:none!important;
  font-family:var(--test-font)!important;
}

html[data-dddmaps-test-theme="true"] .cookie-banner strong{
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .cookie-copy p{
  color:var(--test-muted)!important;
}

html[data-dddmaps-test-theme="true"] .cookie-banner a{
  color:var(--test-accent)!important;
}

html[data-dddmaps-test-theme="true"] .cookie-actions button{
  border:1px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:var(--test-surface)!important;
  color:var(--test-text)!important;
  box-shadow:none!important;
  font-family:var(--test-font)!important;
}

html[data-dddmaps-test-theme="true"] .cookie-actions button:hover{
  background:var(--test-surface-2)!important;
  color:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .cookie-actions .cookie-accept,
html[data-dddmaps-test-theme="true"] .cookie-actions .cookie-accept:hover{
  border-color:var(--test-accent)!important;
  background:var(--test-accent)!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] footer,
html[data-dddmaps-test-theme="true"] .landing-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:24px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:48px clamp(24px,6vw,72px)!important;
  border-top:.5px solid var(--test-line)!important;
  background:var(--test-surface)!important;
  color:var(--test-muted)!important;
  box-shadow:none!important;
  text-align:left!important;
}

html[data-dddmaps-test-theme="true"] .footer-logo,
html[data-dddmaps-test-theme="true"] .landing-footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
}

html[data-dddmaps-test-theme="true"] .footer-logo img,
html[data-dddmaps-test-theme="true"] .landing-footer-logo img{
  display:block!important;
  width:154px!important;
  max-width:46vw!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain!important;
  content:url("/logos/logo-horizontal.png");
}

html[data-dddmaps-test-theme="true"] .footer-links,
html[data-dddmaps-test-theme="true"] .landing-footer-links,
html[data-dddmaps-test-theme="true"] .footer-social{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

html[data-dddmaps-test-theme="true"] .footer-links,
html[data-dddmaps-test-theme="true"] .landing-footer-links{
  justify-content:center!important;
  gap:20px!important;
}

html[data-dddmaps-test-theme="true"] .footer-social{
  justify-content:flex-start!important;
  gap:14px!important;
}

html[data-dddmaps-test-theme="true"] .footer-links a,
html[data-dddmaps-test-theme="true"] .footer-links button,
html[data-dddmaps-test-theme="true"] .landing-footer-links a,
html[data-dddmaps-test-theme="true"] .footer-copy,
html[data-dddmaps-test-theme="true"] .landing-footer p,
html[data-dddmaps-test-theme="true"] .footer-social a,
html[data-dddmaps-test-theme="true"] footer .cookie-settings-link,
html[data-dddmaps-test-theme="true"] .landing-footer .cookie-settings-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--test-muted)!important;
  font:500 13px/1 var(--test-font)!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

html[data-dddmaps-test-theme="true"] .footer-social a{
  width:36px!important;
  height:36px!important;
  border-radius:8px!important;
  transition:color .15s,background .15s!important;
}

html[data-dddmaps-test-theme="true"] .footer-copy,
html[data-dddmaps-test-theme="true"] .landing-footer p{
  flex:0 0 auto!important;
}

html[data-dddmaps-test-theme="true"] .footer-links a:hover,
html[data-dddmaps-test-theme="true"] .footer-links button:hover,
html[data-dddmaps-test-theme="true"] .landing-footer-links a:hover,
html[data-dddmaps-test-theme="true"] .footer-social a:hover,
html[data-dddmaps-test-theme="true"] footer .cookie-settings-link:hover,
html[data-dddmaps-test-theme="true"] .landing-footer .cookie-settings-link:hover{
  background:var(--test-surface-2)!important;
  color:var(--test-text)!important;
  text-decoration:none!important;
}

@media (max-width:900px){
  html[data-dddmaps-test-theme="true"] footer,
  html[data-dddmaps-test-theme="true"] .landing-footer{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-direction:column!important;
    gap:18px!important;
    padding:26px 20px!important;
  }

  html[data-dddmaps-test-theme="true"] .footer-links,
  html[data-dddmaps-test-theme="true"] .landing-footer-links{
    justify-content:flex-start!important;
    gap:14px 20px!important;
  }

  html[data-dddmaps-test-theme="true"] .footer-social{
    order:3!important;
    margin-top:4px!important;
  }
}

html[data-dddmaps-test-theme="true"] .landing-preview{
  background:var(--test-text)!important;
}

html[data-dddmaps-test-theme="true"] .landing-preview-copy h2,
html[data-dddmaps-test-theme="true"] .landing-preview-copy p,
html[data-dddmaps-test-theme="true"] .landing-preview-label{
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] .map-container,
html[data-dddmaps-test-theme="true"] .app-shell{
  background:var(--test-page)!important;
}

@media (max-width:900px){
  html[data-dddmaps-test-theme="true"] .landing-preview{
    background:var(--test-page)!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-copy{
    background:var(--test-page)!important;
    color:var(--test-text)!important;
    box-shadow:inset 0 1px 0 var(--test-line)!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-label{
    color:var(--test-soft)!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-copy h2{
    color:var(--test-text)!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-copy p{
    color:var(--test-muted)!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-tabs{
    border:.5px solid var(--test-line)!important;
    background:var(--test-surface)!important;
    box-shadow:none!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-tab{
    color:var(--test-muted)!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-tab:hover{
    background:var(--test-accent-bg)!important;
    color:var(--test-text)!important;
    box-shadow:none!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-preview-tab.active{
    background:var(--test-accent)!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(47,143,99,.22)!important;
  }

  html[data-dddmaps-test-theme="true"] .landing-nav,
  html[data-dddmaps-test-theme="true"] .landing-nav.open,
  html[data-dddmaps-test-theme="true"] .mobile-main-nav.open,
  html[data-dddmaps-test-theme="true"] .nav-links.open{
    border:.5px solid var(--test-line)!important;
    border-radius:var(--test-radius)!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:none!important;
  }
}

html[data-dddmaps-test-theme="true"] .related-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

html[data-dddmaps-test-theme="true"] .related-link{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  color:var(--test-accent)!important;
  font-weight:800!important;
}

html[data-dddmaps-test-theme="true"] .landing-nav .landing-start-btn,
html[data-dddmaps-test-theme="true"] .mobile-main-nav .landing-start-btn,
html[data-dddmaps-test-theme="true"] .mobile-main-nav .mobile-nav-btn.landing-start-btn,
html[data-dddmaps-test-theme="true"] .nav-links a.nav-btn-primary{
  border:1px solid var(--test-accent)!important;
  background:var(--test-accent)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:700!important;
}

html[data-dddmaps-test-theme="true"] .landing-nav .landing-start-btn:hover,
html[data-dddmaps-test-theme="true"] .mobile-main-nav .landing-start-btn:hover,
html[data-dddmaps-test-theme="true"] .mobile-main-nav .mobile-nav-btn.landing-start-btn:hover,
html[data-dddmaps-test-theme="true"] .nav-links a.nav-btn-primary:hover{
  border-color:var(--test-accent-hover)!important;
  background:var(--test-accent-hover)!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] body.gpx-animation-page .gpx-hero .btn-primary,
html[data-dddmaps-test-theme="true"] body.gpx-animation-page .nav-links a.nav-btn-primary,
html[data-dddmaps-test-theme="true"] body.gpx-animation-page .btn-primary,
html[data-dddmaps-test-theme="true"] body.zoom-in-effect-page .tool-hero .btn-primary,
html[data-dddmaps-test-theme="true"] body.travel-route-page .tool-hero .btn-primary,
html[data-dddmaps-test-theme="true"] body.zoom-in-effect-page .nav-links a.nav-btn-primary,
html[data-dddmaps-test-theme="true"] body.travel-route-page .nav-links a.nav-btn-primary,
html[data-dddmaps-test-theme="true"] body.zoom-in-effect-page .btn-primary,
html[data-dddmaps-test-theme="true"] body.travel-route-page .btn-primary{
  border-color:var(--test-accent)!important;
  background:var(--test-accent)!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] body.gpx-animation-page .gpx-hero .btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.gpx-animation-page .nav-links a.nav-btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.gpx-animation-page .btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.zoom-in-effect-page .tool-hero .btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.travel-route-page .tool-hero .btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.zoom-in-effect-page .nav-links a.nav-btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.travel-route-page .nav-links a.nav-btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.zoom-in-effect-page .btn-primary:hover,
html[data-dddmaps-test-theme="true"] body.travel-route-page .btn-primary:hover{
  border-color:var(--test-accent-hover)!important;
  background:var(--test-accent-hover)!important;
  color:#fff!important;
}

html[data-dddmaps-test-theme="true"] body.landing-active .step-num,
html[data-dddmaps-test-theme="true"] body.landing-active .landing-faq-link a{
  border-color:var(--test-accent-line)!important;
}