/* Reversible experiment: only existing UI border pixels and divider rules. */
:root,:host{--brainzz-experiment-line:linear-gradient(110deg,#9bdce4,#dbbdcf 25%,#e4d8ae 49%,#afd8cb 74%,#bdc8e4)}
:where(body *):not(svg):not(svg *),:where(:host *):not(svg):not(svg *){border-image-source:var(--brainzz-experiment-line)!important;border-image-slice:1!important}
/* Background-based one-pixel rules need the same treatment. */
.hero-preview-line,.closing-cta::before{background:var(--brainzz-experiment-line)!important}
.welcome-nav,.welcome-footer,.section-header,.public-section,.product-intro,.walkthrough,.faq-section,.closing-cta,.hero-preview-top,.demo-window-bar,.dot-config{border-image-source:var(--brainzz-experiment-line)!important;border-image-slice:1!important}
/* Focus rings retain their high-contrast accessibility treatment. Art strokes are untouched. */
@media(prefers-reduced-motion:reduce){:where(body) :not(svg):not(svg *),:host :not(svg):not(svg *){animation-name:none!important}}
/* Radius-aware controls use clipped background layers, never border-image. */
.dot-colors button,.format-toolbar .highlight-swatch{border-image:none!important;border:2px solid transparent!important;border-radius:50%!important;background:linear-gradient(var(--swatch),var(--swatch)) padding-box,var(--brainzz-experiment-line) border-box!important;background-clip:padding-box,border-box!important;box-sizing:border-box;flex-shrink:0}
.dot-colors button[aria-pressed="true"]{box-shadow:0 0 0 3px #fff!important}
.dot-colors button:focus-visible,.format-toolbar .highlight-swatch:focus-visible{outline:2px solid #fff;outline-offset:4px}
.dot-colors{gap:14px;padding:5px 4px;overflow:visible}
.dot-panel-top button,.dialog-close,.theme-toggle,.dot-block-remove,.dot-hotspot{border-image:none!important;border-radius:50%!important}
/* These panels already have rounded corners; layered borders follow them. */
.dot-panel,.signin-dialog,.brainzz-item-lock-dialog,.media-card{border-image:none!important;border:1px solid transparent;background:linear-gradient(#171717,#171717) padding-box,var(--brainzz-experiment-line) border-box}
/* Explicit shadow-root scope outranks the experiment universal selector. */
.dot-colors button,:host .dot-colors button,.format-toolbar .highlight-swatch,:host .format-toolbar .highlight-swatch{position:relative;border:0!important;border-image:none!important;border-radius:50%!important;background:var(--swatch)!important;box-shadow:none!important;isolation:isolate}
.dot-colors button::after,:host .dot-colors button::after,.format-toolbar .highlight-swatch::after{content:"";position:absolute;inset:0;border:0!important;border-image:none!important;border-radius:50%;background:url('./assets/swatch-holo.svg?v=circle-4') center/100% 100% no-repeat;pointer-events:none}
.dot-colors button::before,:host .dot-colors button::before{content:none!important;border:0!important;border-image:none!important;box-shadow:none!important}
.dot-colors button[aria-pressed="true"],:host .dot-colors button[aria-pressed="true"]{box-shadow:none!important}
.dot-colors button[aria-pressed="true"]::before,:host .dot-colors button[aria-pressed="true"]::before{content:""!important;position:absolute;inset:0;border-radius:50%;background:url('./assets/swatch-selected.svg?v=circle-4') center/100% 100% no-repeat;pointer-events:none}
.dot-colors button:focus-visible,:host .dot-colors button:focus-visible{outline:2px solid white!important;outline-offset:4px!important}