/* The requested Uiverse tiny-wasp button treatment, in the existing brand blue. */
.hero .brand-stripes{display:none}
.hero .hero-description{max-width:420px;text-wrap:balance}
html[data-rezim-system] .lab .concept-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,720px);gap:14px;margin:0 auto 20px;padding:0;border:0}
html[data-rezim-system] .lab .concept-tabs button{min-height:48px;width:auto;padding:12px 18px;border:1px solid #7895ff44;border-radius:8px;background:#243052;color:#c8d5ff;font-family:inherit;line-height:1.4!important;text-align:center;cursor:pointer;box-shadow:none;transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
html[data-rezim-system] .lab .concept-tabs button[aria-pressed="true"]{background:#315cff;border-color:#315cff;color:#fff}
@media(hover:hover) and (pointer:fine){html[data-rezim-system] .lab .concept-tabs button:hover{background:#315cff;color:#fff;box-shadow:0 0 0 5px #315cff40}}
html[data-rezim-system] .lab .concept-tabs button:focus-visible{outline:2px solid #a4b8ff;outline-offset:4px}
.lab .light-palette{width:min(100%,360px);margin:10px auto 20px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.light-color-choice{position:relative;display:grid;place-items:center;width:48px;height:48px;margin:0 auto 4px}
.light-color-glow{display:block;width:30px;height:30px;border:0;border-radius:50%;background:var(--selected-light,#ffb45a);filter:blur(2px);pointer-events:none}
.light-color-choice input[type="color"]{position:absolute;inset:0;appearance:none;-webkit-appearance:none;width:48px;height:48px;min-height:48px;padding:0;opacity:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.light-color-choice input[type="color"]:is(:hover,:focus,:focus-visible,:active){outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important}
.hue-slider{position:relative;display:block;width:100%;height:44px;touch-action:pan-y;user-select:none;cursor:grab;border:0;border-radius:0;background:transparent;box-shadow:none}
.hue-slider.is-dragging{cursor:grabbing}
.hue-slider:is(:hover,:focus,:focus-visible,:active){outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important}
.hue-viewport{position:absolute;inset:5px 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.hue-ticks{display:flex;align-items:center;height:100%;width:max-content;will-change:transform}
.hue-ticks i{display:block;flex:0 0 3px;width:3px;height:30px;margin:0 3px;border-radius:2px;transform-origin:center}
.hue-marker{position:absolute;left:calc(50% - 1px);top:4px;bottom:4px;width:2px;border-radius:1px;background:#fff;pointer-events:none}
.light-stage[data-scene="lab"] img{filter:var(--wave-clarity,brightness(1)) hue-rotate(var(--light-hue-shift,0deg)) saturate(var(--light-saturation,1)) brightness(var(--light-brightness,1))}
html[data-rezim-system] .conceptor-bridge .conceptor-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid #6e8aff;border-radius:8px;background:#315cff;color:#fff;font-weight:500;letter-spacing:normal;text-decoration:none;box-shadow:0 6px 16px #00000024;transform:none;transition:background-color 160ms ease}
.conceptor-bridge .conceptor-link::after{display:none}
@media(hover:hover) and (pointer:fine){html[data-rezim-system] .conceptor-bridge .conceptor-link:hover{background:#456eff;border-color:#9eb5ff;transform:none;box-shadow:0 6px 16px #00000024}}
html[data-rezim-system] .conceptor-bridge .conceptor-link:focus-visible{outline:2px solid #a4b8ff;outline-offset:4px}
@media(max-width:760px){html[data-rezim-system] .lab .concept-tabs{gap:10px}.lab .concept-tabs button{padding:10px 7px!important;min-height:60px!important}.lab .light-palette{width:min(100%,320px);margin:10px auto 20px;padding:0}.conceptor-bridge .conceptor-link{width:100%;max-width:320px}.hero .hero-description{max-width:none}}
@media(prefers-reduced-motion:reduce){html[data-rezim-system] .lab .concept-tabs button,html[data-rezim-system] .conceptor-bridge .conceptor-link,.hue-ticks{transition:none!important}}

.lab{scroll-margin-top:110px}
/* Laptop workspace: the scene keeps its original viewport-based dimensions. */
@media(min-width:1100px){
 html[data-rezim-system] .lab{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:32px;row-gap:0;align-items:start;padding-block:24px!important;scroll-margin-top:0}
 html[data-rezim-system] .lab .concept-tabs{grid-column:1;grid-row:1;grid-template-columns:1fr;width:100%;margin:24px 0 0;gap:12px}
 html[data-rezim-system] .lab .concept-tabs button{width:100%;text-align:left;padding-inline:18px}
 html[data-rezim-system] .lab .lab-layout{display:contents}
 html[data-rezim-system] .lab .concept-preview{grid-column:2;grid-row:1/4;min-width:0;width:100%;margin:0}
 html[data-rezim-system] .lab .lab-content{grid-column:1;grid-row:2;display:block;max-width:none;padding:28px 0 0;margin:0}
 html[data-rezim-system] .lab .lab-copy{max-width:none}.lab .lab-content .concept-equipment{margin:10px 0 18px}
 html[data-rezim-system] .lab .conceptor-bridge{grid-column:1;grid-row:3;margin:24px 0 0;padding:0;align-self:start}
 html[data-rezim-system] .lab .conceptor-bridge .conceptor-link{width:100%;padding-inline:12px}
 .lab .light-palette{margin-bottom:0}
}
