:root { --trial-ink: #f5f4ee; }
body.concept-c .trial-loader.is-ready,
body.concept-c .trial-loader {
  clip-path: inset(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transition: none !important;
}
body.concept-c .trial-loader.trial-complete { display: none !important; }
body.concept-c .trial-loader.trial-fallback { opacity: 0 !important; transition: opacity var(--trial-exit-duration, 900ms) ease !important; }
#canvas-slider {
  position: absolute; inset: 0; z-index: 4;
  width: 100%; height: 100%; opacity: 0;
  pointer-events: none;
}
#canvas-slider canvas { display: block; width: 100% !important; height: 100% !important; }
body.concept-c .trial-loader .lab-loader__identity { z-index: 5; }
body.concept-c .trial-loader.trial-running #canvas-slider { opacity: 1; }
body.concept-c .trial-loader.trial-running .lab-loader__identity::before { opacity: 0 !important; }
body.concept-c .trial-loader.trial-running .lab-loader__identity { opacity: 0; transition: opacity .25s ease; }
.trial-textures { display: none; }
.trial-controls {
  position: fixed; left: 16px; bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 10010; display: flex; align-items: center; gap: 6px;
  padding: 8px 10px; border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px; background: rgba(7,16,25,.92); color: var(--trial-ink);
  font: 500 12px/1.2 system-ui, sans-serif;
}
.trial-controls small { font: inherit; color: #aebac5; margin-right: 5px; }
.trial-controls button, .trial-controls a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 32px; border: 1px solid transparent; border-radius: 4px;
  padding: 6px 9px; background: transparent; color: inherit;
  font: inherit; text-decoration: none; cursor: pointer;
}
.trial-controls button[aria-pressed="true"], .trial-controls a[aria-current="page"] {
  background: #f2c230; color: #111920;
}
.trial-controls button:hover, .trial-controls a:hover { border-color: rgba(255,255,255,.45); }
.trial-controls :focus-visible { outline: 2px solid #f2c230; outline-offset: 3px; }
.trial-controls button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 560px) {
  .trial-controls { left: 8px; right: 8px; bottom: max(8px, env(safe-area-inset-bottom)); flex-wrap: wrap; justify-content: center; gap: 3px; padding: 6px; font-size: 11px; }
  .trial-controls small { width: 100%; text-align: center; margin: 0 0 2px; }
  .trial-controls button, .trial-controls a { min-height: 34px; padding: 6px 8px; }
}