/* Glass laboratory — isolated visual QA, never affects live pages. */
body[data-view="glass-lab"] .cd-glass-lab{max-width:1370px;margin:26px auto 90px;padding:0 clamp(14px,2vw,28px);color:#f8f3ff}
body[data-view="glass-lab"] .cd-lab-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
body[data-view="glass-lab"] .cd-lab-kicker{color:#ff86bd;font-size:11px;font-weight:850;letter-spacing:.16em}
body[data-view="glass-lab"] .cd-lab-head h1{font-size:clamp(28px,4vw,46px);letter-spacing:-.045em;margin:8px 0}
body[data-view="glass-lab"] .cd-lab-head p{color:#c4bbd7;margin:0;max-width:68ch}
body[data-view="glass-lab"] .cd-lab-back{color:#ffb3d0;text-decoration:none;font-weight:700}
body[data-view="glass-lab"] .cd-lab-toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 16px;padding:15px 20px;border-radius:18px;background:rgba(29,24,54,.52);border:1px solid rgba(233,199,241,.19)}
body[data-view="glass-lab"] .cd-lab-toolbar label{display:flex;align-items:center;gap:12px;color:#e9d7ed;font-size:13px;font-weight:750}
body[data-view="glass-lab"] .cd-lab-toolbar input[type="range"]{accent-color:#f2579c;width:155px}
body[data-view="glass-lab"] .cd-lab-toolbar output{font-variant-numeric:tabular-nums;color:#ff9bc7;min-width:35px}
body[data-view="glass-lab"] .cd-lab-toolbar button{padding:9px 14px;border-radius:11px;border:1px solid rgba(255,185,224,.28);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
body[data-view="glass-lab"] .cd-lab-stage{--lab-blur:22px;position:relative;isolation:isolate;overflow:hidden;min-height:625px;padding:clamp(15px,3vw,42px);border-radius:28px;border:1px solid rgba(233,176,221,.19);
background:radial-gradient(ellipse at 80% 25%,#bb236a 0%,transparent 48%),radial-gradient(ellipse at 4% 90%,#5c2c8c 0%,transparent 57%),linear-gradient(110deg,#081328,#2b123d 70%,#5b164c)}
body[data-view="glass-lab"] .cd-lab-stage[data-scene="blue"]{background:radial-gradient(ellipse at 73% 26%,#246ca5 0%,transparent 48%),radial-gradient(ellipse at 12% 85%,#3f358c 0%,transparent 57%),linear-gradient(105deg,#081928,#151e43 60%,#351b5d)}
body[data-view="glass-lab"] .cd-lab-decor{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.85;
 background:repeating-linear-gradient(125deg,transparent 0 42px,rgba(255,255,255,.17) 43px 45px,transparent 46px 100px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 1px,transparent 2px);background-size:auto,27px 27px}
body[data-view="glass-lab"] .cd-lab-stage[data-texture="off"] .cd-lab-decor{opacity:.13}
body[data-view="glass-lab"] .cd-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;position:relative;z-index:1}
body[data-view="glass-lab"] .cd-lab-window{border:1px solid rgba(247,194,226,.35);border-radius:24px;min-height:320px;padding:26px;display:flex;flex-direction:column;gap:14px}
body.cdh-dark[data-view="glass-lab"] .cd-lab-stage .cd-glass--framed,
body.cdh-dark[data-view="glass-lab"] .cd-lab-stage .cd-glass--rimless{-webkit-backdrop-filter:blur(var(--lab-blur)) saturate(140%)!important;backdrop-filter:blur(var(--lab-blur)) saturate(140%)!important}
body[data-view="glass-lab"] .cd-lab-window .cd-lab-overline{font-size:11px;font-weight:850;letter-spacing:.16em;color:#ff96c6}
body[data-view="glass-lab"] .cd-lab-window h2{font-size:25px;margin:0;color:#fff}
body[data-view="glass-lab"] .cd-lab-window p{font-size:13px;line-height:1.65;color:#d9cde5;margin:0}
body[data-view="glass-lab"] .cd-lab-example{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}
body[data-view="glass-lab"] .cd-lab-example span{padding:14px 10px;border-radius:12px;background:rgba(18,19,41,.27);border:1px solid rgba(248,222,250,.11);text-align:center;color:#fce8f3;font-size:12px;font-weight:750}
body[data-view="glass-lab"] .cd-lab-caption{font-size:12px;color:#d7c4dd;margin:10px 0 0}
body[data-view="glass-lab"] .cd-lab-small{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-view="glass-lab"] .cd-lab-chip{padding:20px;border-radius:16px;color:#ffe7f4;text-align:center;font-weight:800}
@media(max-width:760px){body[data-view="glass-lab"] .cd-lab-grid{grid-template-columns:1fr}body[data-view="glass-lab"] .cd-lab-small{grid-template-columns:1fr}body[data-view="glass-lab"] .cd-lab-window{min-height:260px;padding:22px}}
@media(prefers-reduced-transparency:reduce){body[data-view="glass-lab"] .cd-lab-stage :is(.cd-glass--framed,.cd-glass--rimless){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* v88: material variants and live controls, all scoped to the lab. */
body[data-view="glass-lab"] .cd-lab-stage{--lab-fill:.48;--lab-sheen:.65;--lab-accent:255 102 166}
body[data-view="glass-lab"] .cd-lab-stage[data-tint="blue"]{--lab-accent:103 164 255}
body[data-view="glass-lab"] .cd-lab-stage[data-tint="violet"]{--lab-accent:184 126 255}
body[data-view="glass-lab"] .cd-lab-toolbar select{padding:8px 10px;background:#27203f;border:1px solid rgba(255,205,245,.27);border-radius:10px;color:#f9eafb}
body[data-view="glass-lab"] .cd-lab-gallery-head{position:relative;z-index:1;margin:32px 0 15px}
body[data-view="glass-lab"] .cd-lab-gallery-head h2{font-size:25px;margin:0 0 5px}
body[data-view="glass-lab"] .cd-lab-gallery-head p{font-size:13px;color:#dbcfe6;margin:0;max-width:75ch}
body[data-view="glass-lab"] .cd-lab-variants{display:grid;position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body[data-view="glass-lab"] .cd-lab-variant{min-height:164px;display:flex;flex-direction:column;gap:10px;padding:21px;border-radius:18px}
body[data-view="glass-lab"] .cd-lab-variant h3{font-size:20px;color:#fff;margin:0}
body[data-view="glass-lab"] .cd-lab-variant p{font-size:12px;line-height:1.6;color:#e5d8ec;margin:0}
body[data-view="glass-lab"] .cd-lab-variant-tag{font-size:10px;font-weight:850;letter-spacing:.14em;color:#ffb6d8}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind]{
 background:linear-gradient(129deg,rgb(21 22 48 / var(--lab-fill)),rgb(var(--lab-accent) / .12))!important;
}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind]::before{opacity:var(--lab-sheen)!important}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind="deep"]{background:linear-gradient(135deg,rgb(10 14 34 / .84),rgb(39 25 54 / var(--lab-fill)))!important}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind="pink"]{background:linear-gradient(128deg,rgb(88 26 74 / var(--lab-fill)),rgb(242 65 145 / .18))!important}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind="frost"]{background:linear-gradient(130deg,rgb(231 216 255 / .19),rgb(86 72 121 / var(--lab-fill)))!important}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind="active"]{border-color:rgb(var(--lab-accent) / .78)!important;box-shadow:inset 0 1px rgba(255,255,255,.23),0 0 23px rgb(var(--lab-accent) / .16)!important}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind="overlay"]{background:rgb(10 11 35 / .26)!important}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind="interactive"]{transition:background .18s ease,box-shadow .18s ease!important}
body.cdh-dark[data-view="glass-lab"] .cd-lab-variant[data-kind="interactive"]:is(:hover,:focus-visible){background:rgb(var(--lab-accent) / .25)!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 24px rgb(var(--lab-accent) / .15)!important;outline:none}
body[data-view="glass-lab"] .cd-lab-components{position:relative;z-index:1;padding:22px;border-radius:20px}
body[data-view="glass-lab"] .cd-lab-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
body[data-view="glass-lab"] .cd-lab-buttons button,body[data-view="glass-lab"] .cd-lab-modal-surface button{
 cursor:pointer;border-radius:11px;padding:11px 16px;color:#fff;font-weight:800;border:1px solid rgba(250,210,244,.31);background:rgba(255,255,255,.09)}
body[data-view="glass-lab"] .cd-lab-buttons .cd-lab-primary{background:rgb(var(--lab-accent) / .62)}
body[data-view="glass-lab"] .cd-lab-buttons [aria-pressed="true"]{background:rgb(var(--lab-accent) / .3);border-color:rgb(var(--lab-accent) / .8)}
body[data-view="glass-lab"] .cd-lab-badge{padding:8px 11px;border-radius:99px;background:rgb(var(--lab-accent) / .18);color:#fff;font-size:12px}
body[data-view="glass-lab"] .cd-lab-answer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-view="glass-lab"] .cd-lab-answer-list button{padding:13px;display:flex;gap:16px;text-align:left;color:#fff;border-radius:12px;border:1px solid rgba(251,218,247,.25);background:rgba(20,19,47,.27);cursor:pointer;font-weight:850}
body[data-view="glass-lab"] .cd-lab-answer-list button span{font-weight:500}
body[data-view="glass-lab"] .cd-lab-answer-list button[aria-pressed="true"]{background:rgb(var(--lab-accent) / .27);border-color:rgb(var(--lab-accent) / .8)}
body[data-view="glass-lab"] .cd-lab-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(5,7,24,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body[data-view="glass-lab"] .cd-lab-modal[hidden]{display:none!important}
body[data-view="glass-lab"] .cd-lab-modal-surface{position:relative;padding:28px;max-width:420px;width:100%;border-radius:22px;display:grid;gap:15px;color:#fff}
body[data-view="glass-lab"] .cd-lab-modal-surface h2{font-size:26px;margin:0}
body[data-view="glass-lab"] .cd-lab-modal-surface p{margin:0;color:#e0d4eb}
@media(max-width:850px){body[data-view="glass-lab"] .cd-lab-variants{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){body[data-view="glass-lab"] .cd-lab-variants{grid-template-columns:1fr}body[data-view="glass-lab"] .cd-lab-answer-list{grid-template-columns:1fr}}