@layer dstt-base {.dstt-control-wrap {--dstt-radius: 999px;--dstt-theme-fg: var(--dstt-color-fg, var(--body-fg, #ffffff));--dstt-theme-bg: var(--dstt-color-bg, var(--button-bg, #0f172a));--dstt-theme-border: var(--dstt-color-border, var(--hairline-color, #0f172a));--dstt-theme-fg-hover: var(--dstt-color-fg-hover, var(--body-fg, #ffffff));--dstt-theme-bg-hover: var(--dstt-color-bg-hover, var(--button-hover-bg, #1e293b));--dstt-theme-border-hover: var(--dstt-color-border-hover, var(--button-hover-bg, #1e293b));--dstt-theme-fg-active: var(--dstt-color-fg-active, var(--body-fg, #ffffff));--dstt-theme-bg-active: var(--dstt-color-bg-active, var(--button-bg, #334155));--dstt-theme-border-active: var(--dstt-color-border-active, var(--button-bg, #334155));--dstt-theme-shadow: var(--dstt-shadow-color, rgba(15, 23, 42, 0.25));--dstt-theme-focus-ring: var(--dstt-focus-ring, var(--link-fg, #38bdf8));--dstt-theme-icon: var(--dstt-icon-color, inherit);--dstt-collision-shift-x: 0px;--dstt-collision-shift-y: 0px;position: fixed;inset-block-end: max(var(--dstt-offset-block, 24px), env(safe-area-inset-bottom));inset-inline-end: max(var(--dstt-offset-inline, 24px), env(safe-area-inset-right));display: inline-flex;align-items: center;gap: 0.5rem;z-index: 2140;transform: translate(var(--dstt-collision-shift-x),var(--dstt-collision-shift-y));transition: transform 200ms ease;}.dstt-control {display: inline-flex;align-items: center;justify-content: center;inline-size: var(--dstt-size, 52px);block-size: var(--dstt-size, 52px);/* WCAG 2.2 SC 2.5.8: keep a minimum 24x24 CSS px target floor. */min-inline-size: 24px;min-block-size: 24px;border: var(--dstt-border-width, 1px) solid var(--dstt-theme-border);border-radius: var(--dstt-radius);background: var(--dstt-theme-bg);color: var(--dstt-theme-fg);opacity: var(--dstt-opacity, 1);box-shadow: var(--dstt-shadow-value, 0 16px 40px -22px var(--dstt-theme-shadow));text-decoration: none;vertical-align: top;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease;}.dstt-control:hover {background: var(--dstt-theme-bg-hover);color: var(--dstt-theme-fg-hover);border-color: var(--dstt-theme-border-hover);transform: translateY(-1px);}.dstt-control:active {background: var(--dstt-theme-bg-active);color: var(--dstt-theme-fg-active);border-color: var(--dstt-theme-border-active);transform: translateY(0);}.dstt-control:focus-visible {outline: var(--dstt-focus-ring-width, 3px) solid var(--dstt-theme-focus-ring);outline-offset: var(--dstt-focus-ring-offset, 3px);}.dstt-control-wrap[data-dstt-shape="square"] .dstt-control {--dstt-radius: 16px;}.dstt-control-wrap[data-dstt-shape="rounded-square"] .dstt-control {--dstt-radius: 22px;}.dstt-control-wrap[data-dstt-shape="pill"] .dstt-control {--dstt-radius: 999px;inline-size: auto;min-inline-size: var(--dstt-size);padding-inline: 1.1rem;gap: 0.5rem;}.dstt-control-wrap[data-dstt-shadow="none"] .dstt-control {--dstt-shadow-value: none;}.dstt-control-wrap[data-dstt-shadow="small"] .dstt-control {--dstt-shadow-value: 0 6px 16px -10px var(--dstt-theme-shadow);}.dstt-control-wrap[data-dstt-shadow="medium"] .dstt-control {--dstt-shadow-value: 0 16px 40px -22px var(--dstt-theme-shadow);}.dstt-control-wrap[data-dstt-shadow="large"] .dstt-control {--dstt-shadow-value: 0 28px 60px -24px var(--dstt-theme-shadow);}.dstt-control-wrap[data-dstt-fill="outline"] .dstt-control {background: rgba(255, 255, 255, 0.9);color: var(--dstt-theme-border);}.dstt-control-wrap[data-dstt-fill="soft"] .dstt-control {background: color-mix(in srgb, var(--dstt-theme-bg) 14%, white);color: var(--dstt-theme-border);border-color: color-mix(in srgb, var(--dstt-theme-border) 24%, white);}.dstt-control-wrap[data-dstt-fill="ghost"] .dstt-control {background: transparent;color: var(--dstt-theme-bg);border-color: transparent;}.dstt-control-wrap[data-dstt-fill="ghost"] .dstt-control:hover {background: color-mix(in srgb, var(--dstt-theme-bg) 12%, transparent);}.dstt-control-wrap[data-dstt-fill="glass"] .dstt-control {background: color-mix(in srgb, var(--dstt-theme-bg) 55%, transparent);border-color: color-mix(in srgb, var(--dstt-theme-border) 50%, transparent);}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {.dstt-control-wrap[data-dstt-fill="glass"] .dstt-control {background: color-mix(in srgb, var(--dstt-theme-bg) 35%, transparent);-webkit-backdrop-filter: blur(var(--dstt-backdrop-blur, 8px));backdrop-filter: blur(var(--dstt-backdrop-blur, 8px));}}.dstt-control-wrap[data-dstt-fill="gradient"] .dstt-control {background: linear-gradient(var(--dstt-gradient-angle, 135deg),var(--dstt-gradient-start, var(--dstt-theme-bg)),var(--dstt-gradient-end, var(--dstt-theme-bg-hover)));border-color: transparent;}.dstt-control-wrap[data-dstt-theme-mode="inherit_admin_theme"] {--dstt-theme-fg: var(--dstt-admin-button-fg, var(--button-fg, var(--body-fg, #ffffff)));--dstt-theme-bg: var(--dstt-admin-button-bg, var(--button-bg, var(--primary, #0f172a)));--dstt-theme-border: var(--dstt-admin-border-color, var(--hairline-color, var(--border-color, #0f172a)));--dstt-theme-fg-hover: var(--dstt-admin-button-fg, var(--button-fg, var(--body-fg, #ffffff)));--dstt-theme-bg-hover: var(--dstt-admin-button-hover-bg, var(--button-hover-bg, var(--secondary, #1e293b)));--dstt-theme-border-hover: var(--dstt-admin-border-color, var(--hairline-color, var(--border-color, #1e293b)));--dstt-theme-fg-active: var(--dstt-admin-button-fg, var(--button-fg, var(--body-fg, #ffffff)));--dstt-theme-bg-active: var(--dstt-admin-button-active-bg, var(--button-bg, var(--primary, #334155)));--dstt-theme-border-active: var(--dstt-admin-border-color, var(--hairline-color, var(--border-color, #334155)));--dstt-theme-shadow: rgba(15, 23, 42, 0.25);--dstt-theme-focus-ring: var(--dstt-admin-focus-ring, var(--link-fg, var(--accent, #38bdf8)));}.dstt-control-wrap[data-dstt-corner="bottom-left"] {inset-inline-end: auto;inset-inline-start: max(var(--dstt-offset-inline, 24px), env(safe-area-inset-left));}.dstt-control-wrap[data-dstt-corner="top-right"] {inset-block-end: auto;inset-block-start: max(var(--dstt-offset-block, 24px), env(safe-area-inset-top));}.dstt-control-wrap[data-dstt-corner="top-left"] {inset-block-end: auto;inset-inline-end: auto;inset-block-start: max(var(--dstt-offset-block, 24px), env(safe-area-inset-top));inset-inline-start: max(var(--dstt-offset-inline, 24px), env(safe-area-inset-left));}.dstt-control__icon {display: inline-flex;inline-size: var(--dstt-icon-size, 24px);block-size: var(--dstt-icon-size, 24px);flex: 0 0 auto;color: var(--dstt-theme-icon, inherit);}.dstt-control__label {font-size: 0.95rem;font-weight: 600;line-height: 1;}.dstt-control-wrap[data-dstt-template="icon-label"] .dstt-control {gap: 0.625rem;padding-inline: 1rem;inline-size: auto;min-inline-size: var(--dstt-size);}.dstt-control__dismiss {display: inline-grid;place-items: center;inline-size: 1.85rem;block-size: 1.85rem;margin-inline-start: -1rem;margin-block-start: -1.25rem;border: 1px solid color-mix(in srgb, var(--dstt-theme-border) 28%, white);border-radius: 999px;background: color-mix(in srgb, var(--dstt-theme-bg) 84%, white);color: var(--dstt-theme-fg);box-shadow: 0 0.5rem 1.2rem -0.8rem var(--dstt-theme-shadow);cursor: pointer;}.dstt-control__dismiss:hover,.dstt-control__dismiss:focus-visible {background: var(--dstt-theme-bg-hover);color: var(--dstt-theme-fg-hover);border-color: var(--dstt-theme-border-hover);}.dstt-control__dismiss:focus-visible {outline: 3px solid var(--dstt-theme-focus-ring);outline-offset: 2px;}.dstt-icon-svg {inline-size: 100%;block-size: 100%;}/* Optional full-height clickable side strip. Created on <body> by the runtime(the control wrap is transformed, which would otherwise contain a fixedchild), so it is styled by class and data attributes rather than scoped vars. */.dstt-hot-zone {position: fixed;inset-block: 0;z-index: 2139;cursor: pointer;background: transparent;border: 0;}.dstt-hot-zone[hidden] {display: none;}.dstt-hot-zone[data-dstt-hot-zone-side="right"] {inset-inline-end: 0;}.dstt-hot-zone[data-dstt-hot-zone-side="left"] {inset-inline-start: 0;}.dstt-hot-zone[data-dstt-hot-zone-appearance="visible"] {background: rgba(15, 23, 42, 0.06);}.dstt-hot-zone[data-dstt-hot-zone-appearance="hover"]:hover {background: rgba(15, 23, 42, 0.06);}@media print {.dstt-hot-zone {display: none;}}.dstt-obstacle-debug {position: fixed;z-index: 2147483646;pointer-events: none;border: 2px dashed #ef4444;background: rgba(239, 68, 68, 0.12);box-sizing: border-box;}@media (prefers-color-scheme: dark) {.dstt-control-wrap {--dstt-theme-fg: var(--dstt-color-fg-dark, var(--body-fg, #f8fafc));--dstt-theme-bg: var(--dstt-color-bg-dark, var(--body-bg, #0f172a));--dstt-theme-border: var(--dstt-color-border-dark, var(--border-color, #cbd5e1));--dstt-theme-fg-hover: var(--dstt-color-fg-hover-dark, var(--body-fg, #f8fafc));--dstt-theme-bg-hover: var(--dstt-color-bg-hover-dark, #1e293b);--dstt-theme-border-hover: var(--dstt-color-border-hover-dark, #e2e8f0);--dstt-theme-fg-active: var(--dstt-color-fg-active-dark, var(--body-fg, #f8fafc));--dstt-theme-bg-active: var(--dstt-color-bg-active-dark, #334155);--dstt-theme-border-active: var(--dstt-color-border-active-dark, #f8fafc);--dstt-theme-shadow: var(--dstt-shadow-color-dark, rgba(2, 6, 23, 0.5));--dstt-theme-focus-ring: var(--dstt-focus-ring-dark, #7dd3fc);--dstt-theme-icon: var(--dstt-icon-color-dark, var(--dstt-icon-color, inherit));}.dstt-control-wrap[data-dstt-fill="outline"] .dstt-control {background: color-mix(in srgb, var(--dstt-theme-bg) 88%, transparent);color: var(--dstt-theme-fg);border-color: color-mix(in srgb, var(--dstt-theme-border) 55%, transparent);}.dstt-control-wrap[data-dstt-fill="soft"] .dstt-control {background: color-mix(in srgb, var(--dstt-theme-bg) 42%, black);color: var(--dstt-theme-fg);}}.dstt-preview-panel[data-dstt-preview-theme="dark"] .dstt-control-wrap {--dstt-theme-fg: var(--dstt-color-fg-dark);--dstt-theme-bg: var(--dstt-color-bg-dark);--dstt-theme-border: var(--dstt-color-border-dark);--dstt-theme-fg-hover: var(--dstt-color-fg-hover-dark);--dstt-theme-bg-hover: var(--dstt-color-bg-hover-dark);--dstt-theme-border-hover: var(--dstt-color-border-hover-dark);--dstt-theme-fg-active: var(--dstt-color-fg-active-dark);--dstt-theme-bg-active: var(--dstt-color-bg-active-dark);--dstt-theme-border-active: var(--dstt-color-border-active-dark);--dstt-theme-shadow: var(--dstt-shadow-color-dark);--dstt-theme-focus-ring: var(--dstt-focus-ring-dark);--dstt-theme-icon: var(--dstt-icon-color-dark, var(--dstt-icon-color, inherit));}.dstt-preview-panel[data-dstt-preview-theme="dark"] .dstt-control-wrap[data-dstt-fill="outline"] .dstt-control {background: color-mix(in srgb, var(--dstt-theme-bg) 88%, transparent);color: var(--dstt-theme-fg);border-color: color-mix(in srgb, var(--dstt-theme-border) 55%, transparent);}.dstt-preview-panel[data-dstt-preview-theme="dark"] .dstt-control-wrap[data-dstt-fill="soft"] .dstt-control {background: color-mix(in srgb, var(--dstt-theme-bg) 42%, black);color: var(--dstt-theme-fg);}.dstt-preview-panel[data-dstt-preview-theme="dark"] .dstt-control-wrap[data-dstt-theme-mode="inherit_admin_theme"] {--dstt-theme-fg: var(--dstt-admin-button-fg-dark, var(--dstt-admin-button-fg, var(--body-fg, #f8fafc)));--dstt-theme-bg: var(--dstt-admin-button-bg-dark, var(--dstt-admin-surface-bg-dark, var(--body-bg, #0f172a)));--dstt-theme-border: var(--dstt-admin-border-color-dark, var(--dstt-admin-border-color, var(--hairline-color, var(--border-color, #cbd5e1))));--dstt-theme-fg-hover: var(--dstt-admin-button-fg-dark, var(--dstt-admin-button-fg, var(--body-fg, #f8fafc)));--dstt-theme-bg-hover: var(--dstt-admin-button-hover-bg-dark, var(--dstt-admin-button-hover-bg, var(--button-hover-bg, #1e293b)));--dstt-theme-border-hover: var(--dstt-admin-border-color-dark, var(--dstt-admin-border-color, var(--hairline-color, var(--border-color, #e2e8f0))));--dstt-theme-fg-active: var(--dstt-admin-button-fg-dark, var(--dstt-admin-button-fg, var(--body-fg, #f8fafc)));--dstt-theme-bg-active: var(--dstt-admin-button-active-bg-dark, var(--dstt-admin-button-active-bg, var(--button-bg, #334155)));--dstt-theme-border-active: var(--dstt-admin-border-color-dark, var(--dstt-admin-border-color, var(--hairline-color, var(--border-color, #f8fafc))));--dstt-theme-focus-ring: var(--dstt-admin-focus-ring-dark, var(--dstt-admin-focus-ring, var(--link-fg, var(--accent, #7dd3fc))));}.dstt-preview-panel[data-dstt-preview-state="hover"] .dstt-control {background: var(--dstt-theme-bg-hover);color: var(--dstt-theme-fg-hover);border-color: var(--dstt-theme-border-hover);transform: translateY(-1px);}.dstt-preview-panel[data-dstt-preview-state="active"] .dstt-control {background: var(--dstt-theme-bg-active);color: var(--dstt-theme-fg-active);border-color: var(--dstt-theme-border-active);transform: translateY(0);}.dstt-preview-panel[data-dstt-preview-state="focus"] .dstt-control {outline: var(--dstt-focus-ring-width, 3px) solid var(--dstt-theme-focus-ring);outline-offset: var(--dstt-focus-ring-offset, 3px);}@media (forced-colors: active) {.dstt-control {forced-color-adjust: auto;background: ButtonFace;color: ButtonText;border-color: ButtonText;box-shadow: none;}.dstt-control:hover,.dstt-control:active,.dstt-preview-panel[data-dstt-preview-state="hover"] .dstt-control,.dstt-preview-panel[data-dstt-preview-state="active"] .dstt-control {background: Highlight;color: HighlightText;border-color: Highlight;}.dstt-control:focus-visible,.dstt-preview-panel[data-dstt-preview-state="focus"] .dstt-control {outline-color: Highlight;}}@media (prefers-reduced-motion: reduce) {.dstt-control,.dstt-control__dismiss,.dstt-preview-panel[data-dstt-preview-state="hover"] .dstt-control,.dstt-preview-panel[data-dstt-preview-state="active"] .dstt-control {transition: none;transform: none;scroll-behavior: auto;}.dstt-control-wrap {transition: none;}}@media (max-width: 767px) {.dstt-control-wrap {inset-block-end: max(var(--dstt-offset-block-mobile, 16px), env(safe-area-inset-bottom));inset-inline-end: max(var(--dstt-offset-inline-mobile, 16px), env(safe-area-inset-right));}.dstt-control {inline-size: var(--dstt-size-mobile, var(--dstt-size, 48px));block-size: var(--dstt-size-mobile, var(--dstt-size, 48px));}.dstt-control-wrap[data-dstt-corner="bottom-left"] {inset-inline-end: auto;inset-inline-start: max(var(--dstt-offset-inline-mobile, 16px), env(safe-area-inset-left));}.dstt-control-wrap[data-dstt-corner="top-right"] {inset-block-end: auto;inset-block-start: max(var(--dstt-offset-block-mobile, 16px), env(safe-area-inset-top));}.dstt-control-wrap[data-dstt-corner="top-left"] {inset-block-end: auto;inset-inline-end: auto;inset-block-start: max(var(--dstt-offset-block-mobile, 16px), env(safe-area-inset-top));inset-inline-start: max(var(--dstt-offset-inline-mobile, 16px), env(safe-area-inset-left));}.dstt-control__icon {inline-size: var(--dstt-icon-size-mobile, var(--dstt-icon-size, 22px));block-size: var(--dstt-icon-size-mobile, var(--dstt-icon-size, 22px));}}@media print {.dstt-control-wrap {display: none;}}}