@media all{html[data-color-mode='dark']{color-scheme:dark;--ducky-color-accent:#FFD33D;--ducky-color-bg:#111827;--ducky-color-surface:#1F2937;--ducky-color-text:#F3F4F6;--ducky-color-border:#374151;--ducky-color-cardBg:color-mix(in srgb, var(--ducky-color-surface) 88%, var(--ducky-color-bg) 12%);--ducky-color-sidebarBg:color-mix(in srgb, var(--ducky-color-bg) 92%, var(--ducky-color-text) 8%);--ducky-color-inputBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-inputBgHover:color-mix(in srgb, var(--ducky-color-surface) 58%, var(--ducky-color-text) 10%);--ducky-color-codeBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-hover:color-mix(in srgb, var(--ducky-color-text) 6%, var(--ducky-color-surface) 94%);--ducky-color-overlay:rgb(0 0 0 / 0.55);--ducky-color-glassBg:color-mix(in srgb, var(--ducky-color-surface) 72%, transparent);--ducky-color-glassBorder:color-mix(in srgb, var(--ducky-color-text) 12%, transparent);--ducky-color-textMuted:color-mix(in srgb, var(--ducky-color-text) 58%, var(--ducky-color-bg) 42%);--ducky-color-textLight:color-mix(in srgb, var(--ducky-color-text) 42%, var(--ducky-color-bg) 58%);--ducky-color-textStrong:color-mix(in srgb, var(--ducky-color-text) 8%, white 92%);--ducky-color-borderSubtle:color-mix(in srgb, var(--ducky-color-border) 42%, var(--ducky-color-bg) 58%);--ducky-color-borderHover:color-mix(in srgb, var(--ducky-color-border) 70%, var(--ducky-color-text) 30%);--ducky-color-primary:var(--ducky-color-accent);--ducky-color-secondary:color-mix(in srgb, var(--ducky-color-accent) 72%, var(--ducky-color-text) 28%);--ducky-color-accentHover:color-mix(in srgb, var(--ducky-color-accent) 86%, var(--ducky-color-text) 14%);--ducky-color-accentOn:#1A1A1A;--ducky-color-light:var(--ducky-color-bg);--ducky-color-neutral:color-mix(in srgb, var(--ducky-color-surface) 78%, var(--ducky-color-border) 22%);--ducky-color-dark:var(--ducky-color-text);--ducky-color-error:#FCA5A5;--ducky-color-errorBg:#450A0A;--ducky-color-errorBorder:#991B1B;--ducky-color-success:#86EFAC;--ducky-color-successBg:#052E16;--ducky-color-successBorder:#166534;--ducky-color-infoBg:#0C4A6E;--ducky-color-infoText:#BAE6FD;--ducky-color-infoBorder:#0369A1;--ducky-color-warningBg:#451A03;--ducky-color-warningText:#FDE68A;--ducky-color-warningBorder:#92400E;--ducky-color-warnBg:#451A03;--ducky-color-badgeNew:var(--ducky-color-accent);--ducky-color-badgePopular:var(--ducky-color-accent);--ducky-color-badgeActive:#34D399;--ducky-color-badgeBeta:#60A5FA;--ducky-color-badgeComing:#A78BFA;--ducky-color-badgeDisabled:color-mix(in srgb, var(--ducky-color-border) 72%, var(--ducky-color-surface) 28%);--ducky-color-focusRing:color-mix(in srgb, var(--ducky-color-accent) 45%, transparent);--ducky-color-focusRingStrong:var(--ducky-color-accent);--ducky-color-bgGlowPrimary:color-mix(in srgb, var(--ducky-color-accent) 12%, transparent);--ducky-color-bgGlowSecondary:color-mix(in srgb, var(--ducky-color-accent) 8%, transparent);--ducky-color-surfaceMuted:var(--ducky-color-hover);--ducky-color-surfaceAlt:color-mix(in srgb, var(--ducky-color-text) 6%, transparent);--ducky-color-headerBg:color-mix(in srgb, var(--ducky-color-bg) 85%, transparent);--ducky-color-panelHeader:var(--ducky-color-surface);--ducky-color-dropdownBg:var(--ducky-color-cardBg);--ducky-color-btnBg:color-mix(in srgb, var(--ducky-color-text) 12%, var(--ducky-color-surface) 88%);--ducky-color-btnHover:color-mix(in srgb, var(--ducky-color-text) 18%, var(--ducky-color-surface) 82%);--ducky-color-overlayLight:rgb(0 0 0 / 0.35);--ducky-color-overlayText:#F5F5F5;--ducky-color-orange:#FFA97A;--ducky-color-orangeBg:#331F14;--ducky-color-link:color-mix(in srgb, var(--ducky-color-accent) 72%, white 28%);--ducky-color-linkHover:color-mix(in srgb, var(--ducky-color-accent) 48%, white 52%);--ducky-color-selection:color-mix(in srgb, var(--ducky-color-accent) 35%, transparent);--ducky-color-fgInverse:var(--ducky-color-bg);--ducky-color-info:var(--ducky-color-infoText);--ducky-color-footerTextMuted:var(--ducky-color-textMuted);}html[data-color-mode='light']{color-scheme:light;--ducky-color-accent:#E20909;--ducky-color-bg:#FFFFFF;--ducky-color-surface:#F9FAFB;--ducky-color-text:#111827;--ducky-color-border:#E5E7EB;--ducky-color-cardBg:color-mix(in srgb, var(--ducky-color-surface) 88%, var(--ducky-color-bg) 12%);--ducky-color-sidebarBg:color-mix(in srgb, var(--ducky-color-bg) 94%, var(--ducky-color-accent) 6%);--ducky-color-inputBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-inputBgHover:color-mix(in srgb, var(--ducky-color-surface) 58%, var(--ducky-color-text) 10%);--ducky-color-codeBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-hover:color-mix(in srgb, var(--ducky-color-text) 6%, var(--ducky-color-surface) 94%);--ducky-color-overlay:rgb(26 26 26 / 0.45);--ducky-color-glassBg:color-mix(in srgb, var(--ducky-color-surface) 72%, transparent);--ducky-color-glassBorder:color-mix(in srgb, var(--ducky-color-text) 12%, transparent);--ducky-color-textMuted:color-mix(in srgb, var(--ducky-color-text) 58%, var(--ducky-color-bg) 42%);--ducky-color-textLight:color-mix(in srgb, var(--ducky-color-text) 42%, var(--ducky-color-bg) 58%);--ducky-color-textStrong:color-mix(in srgb, var(--ducky-color-text) 92%, black 8%);--ducky-color-borderSubtle:color-mix(in srgb, var(--ducky-color-border) 42%, var(--ducky-color-bg) 58%);--ducky-color-borderHover:color-mix(in srgb, var(--ducky-color-border) 70%, var(--ducky-color-text) 30%);--ducky-color-primary:var(--ducky-color-accent);--ducky-color-secondary:color-mix(in srgb, var(--ducky-color-accent) 72%, var(--ducky-color-text) 28%);--ducky-color-accentHover:color-mix(in srgb, var(--ducky-color-accent) 86%, var(--ducky-color-text) 14%);--ducky-color-accentOn:#1A1A1A;--ducky-color-light:color-mix(in srgb, var(--ducky-color-bg) 90%, var(--ducky-color-accent) 10%);--ducky-color-neutral:color-mix(in srgb, var(--ducky-color-surface) 78%, var(--ducky-color-border) 22%);--ducky-color-dark:color-mix(in srgb, var(--ducky-color-text) 92%, black 8%);--ducky-color-error:#991B1B;--ducky-color-errorBg:#FEE2E2;--ducky-color-errorBorder:#FECACA;--ducky-color-success:#065F46;--ducky-color-successBg:#E2F6E9;--ducky-color-successBorder:#A7F3D0;--ducky-color-infoBg:#E0F2FE;--ducky-color-infoText:#0369A1;--ducky-color-infoBorder:#BAE6FD;--ducky-color-warningBg:#FEF3C7;--ducky-color-warningText:#92400E;--ducky-color-warningBorder:#FDE68A;--ducky-color-warnBg:#FEF3C7;--ducky-color-badgeNew:var(--ducky-color-accent);--ducky-color-badgePopular:var(--ducky-color-accent);--ducky-color-badgeActive:#34D399;--ducky-color-badgeBeta:#60A5FA;--ducky-color-badgeComing:#A78BFA;--ducky-color-badgeDisabled:color-mix(in srgb, var(--ducky-color-border) 72%, var(--ducky-color-surface) 28%);--ducky-color-focusRing:color-mix(in srgb, var(--ducky-color-accent) 45%, transparent);--ducky-color-focusRingStrong:var(--ducky-color-text);--ducky-color-bgGlowPrimary:color-mix(in srgb, var(--ducky-color-accent) 12%, transparent);--ducky-color-bgGlowSecondary:color-mix(in srgb, var(--ducky-color-accent) 8%, transparent);--ducky-color-surfaceMuted:var(--ducky-color-hover);--ducky-color-surfaceAlt:color-mix(in srgb, var(--ducky-color-text) 6%, transparent);--ducky-color-headerBg:color-mix(in srgb, var(--ducky-color-bg) 85%, transparent);--ducky-color-panelHeader:var(--ducky-color-surface);--ducky-color-dropdownBg:var(--ducky-color-cardBg);--ducky-color-btnBg:color-mix(in srgb, var(--ducky-color-text) 12%, var(--ducky-color-surface) 88%);--ducky-color-btnHover:color-mix(in srgb, var(--ducky-color-text) 18%, var(--ducky-color-surface) 82%);--ducky-color-overlayLight:rgb(26 26 26 / 0.28);--ducky-color-overlayText:#FFFFFF;--ducky-color-orange:#C2410C;--ducky-color-orangeBg:#FFEDE0;--ducky-color-link:color-mix(in srgb, var(--ducky-color-accent) 38%, var(--ducky-color-text) 62%);--ducky-color-linkHover:color-mix(in srgb, var(--ducky-color-accent) 22%, var(--ducky-color-text) 78%);--ducky-color-selection:color-mix(in srgb, var(--ducky-color-accent) 35%, transparent);--ducky-color-fgInverse:var(--ducky-color-bg);--ducky-color-info:var(--ducky-color-infoText);--ducky-color-footerTextMuted:var(--ducky-color-textMuted);}}
/* BTT public chrome — CSS vars; layout-public only (not page editor) */
#ducky-app.layout-public {
  --btt-header-bg: var(--ducky-color-surface, #ffffff);
  --btt-header-border: var(--ducky-color-border, #e5e7eb);
  --btt-header-text: var(--ducky-color-textStrong, #000000);
  --btt-header-muted: var(--ducky-color-textMuted, #4b5563);
  --btt-page-bg: var(--ducky-color-bg, #f9fafb);
}

body:has(#ducky-app.layout-public):not(:has(#ducky-app.layout-page-editor)) {
  background: var(--btt-page-bg) !important;
}

#ducky-app.layout-public #app-header.site-header,
#ducky-app.layout-public #app-header.site-header.ducky-glass-panel {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 20;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--btt-header-border) !important;
  border-radius: 0 !important;
  background: var(--btt-header-bg) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

@container ducky-app (max-width: 52rem) {
  #ducky-app.layout-public #app-header.site-header,
  #ducky-app.layout-public #app-header.site-header.ducky-glass-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-radius: 0 !important;
  }
}

#ducky-app.layout-public .site-header-inner,
#ducky-app.layout-public .site-header-inner--toolbar.site-header-inner,
#ducky-app.layout-public .site-header-inner--composable {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

#ducky-app.layout-public .site-brand,
#ducky-app.layout-public .site-brand__name {
  color: var(--btt-header-text) !important;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
}

#ducky-app.layout-public .site-nav {
  display: flex;
  gap: 20px;
  align-items: center;
}

#ducky-app.layout-public .site-nav-link,
#ducky-app.layout-public button.site-nav-link {
  color: var(--btt-header-muted) !important;
  font-size: 0.95rem;
  text-decoration: none;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

#ducky-app.layout-public .site-nav-link:hover,
#ducky-app.layout-public .site-nav-link.active {
  color: var(--btt-header-text) !important;
}

#ducky-app.layout-public .site-header-login,
#ducky-app.layout-public .site-header-account__btn {
  border: 1px solid var(--btt-header-border) !important;
  border-radius: 6px !important;
  background: var(--btt-header-bg) !important;
  color: var(--btt-header-text) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#ducky-app.layout-public .site-footer,
#ducky-app.layout-public #app-footer.site-footer {
  background: var(--btt-header-bg) !important;
  border: 0 !important;
  border-top: 1px solid var(--btt-header-border) !important;
  border-radius: 0 !important;
  padding: 20px !important;
  text-align: center;
  color: var(--btt-header-muted);
  font-size: 0.875rem;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Builder page only (public) — hide Home title, fit full viewport under header */
#ducky-app.layout-public:has(.btt-builder) .page-title,
#ducky-app.layout-public:has(.btt-builder) #ducky-page-title {
  display: none !important;
}

#ducky-app.layout-public:has(.btt-builder) .site-footer,
#ducky-app.layout-public:has(.btt-builder) #app-footer.site-footer {
  display: none !important;
}

#ducky-app.layout-public:has(.btt-builder) .public-content,
#ducky-app.layout-public:has(.btt-builder) .page-content,
#ducky-app.layout-public:has(.btt-builder) .zone-container,
#ducky-app.layout-public:has(.btt-builder) .zone-container--content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#ducky-app.layout-public:has(.btt-builder) .ducky-plugin-block,
#ducky-app.layout-public:has(.btt-builder) [data-ducky-block="worksheet-builder.builder"] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

#ducky-app.layout-public:has(.btt-builder) .btt-builder {
  --btt-chrome-h: 3.75rem;
}

#ducky-app.layout-public:has(.btt-builder) {
  min-height: 100dvh;
}