/* Canvas paints below ordinary accessible DOM labels; it never receives input. */
#f8la .f8la-shell,#f8la .f8la-launcher,#pino-design-lab #pd-widget,#pino-design-lab #pd-launcher {position:relative;isolation:isolate;}
#f8la canvas.f8la-refraction-scene,#pino-design-lab canvas.f8la-refraction-scene {position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:inherit;}
#f8la canvas.f8la-refraction-scene[hidden],#pino-design-lab canvas.f8la-refraction-scene[hidden] {display:none;}
#f8la .f8la-refracted-orb,#pino-design-lab .f8la-refracted-orb {opacity:0;}
/* A selected shared backdrop replaces the flat track/composer surface. The header and bubbles retain their colours. */
#f8la.f8la-appearance .f8la-shell[data-refraction="on"] .f8la-composer,
#f8la.f8la-appearance[data-glass-tabs="true"] .f8la-shell[data-refraction="on"] .f8la-modes,
#pino-design-lab[data-glass-tabs="true"] #pd-widget[data-refraction="on"] .pd-tabs {background:transparent;}
/* Target flags are set only after a successful frame. Fallback keeps the existing CSS finish and visible orbs. */
#f8la.f8la-appearance .f8la-shell[data-refraction="on"] .f8la-refracted,
#pino-design-lab #pd-widget[data-refraction="on"] .f8la-refracted {
 background:transparent!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}