
/* V9.1 interactive prototype layer. Intentionally independent from brand artwork. */
.mvp-lab{position:relative;padding:clamp(72px,8vw,118px) clamp(20px,5vw,72px);border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);isolation:isolate;overflow:hidden}
.mvp-lab::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent,#5fc7ff) 12%,transparent),transparent 34%);z-index:-1}
.mvp-lab-inner{width:min(1180px,100%);margin:0 auto}.mvp-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.68;margin-bottom:14px}.mvp-lab-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:clamp(28px,5vw,72px);align-items:end;margin-bottom:34px}.mvp-lab h2{font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:850px}.mvp-lab-lead{font-size:clamp(14px,1.45vw,18px);line-height:1.7;opacity:.72;margin:0}.mvp-boundary{margin:16px 0 0;font-size:12px;line-height:1.6;opacity:.58}.mvp-shell{border:1px solid color-mix(in srgb,currentColor 18%,transparent);padding:clamp(18px,3vw,32px);background:color-mix(in srgb,var(--panel,#0d1720) 88%,transparent);border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.16);overflow:hidden;min-width:0;backdrop-filter:blur(12px)}
.mvp-shell h2{font-size:25px;line-height:1.25;letter-spacing:-.03em}.mvp-shell h3{font-size:18px;line-height:1.35}.mvp-shell h4{font-size:15px}.mvp-shell p,.mvp-shell li{font-size:14px}.mvp-shell label{display:block;font-size:12px;font-weight:650;opacity:.76;margin:9px 0}.mvp-shell input:not([type=checkbox]):not([type=range]),.mvp-shell select,.mvp-shell textarea{display:block;border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:color-mix(in srgb,var(--panel,#111) 84%,transparent);color:inherit;border-radius:8px;padding:11px 12px;width:100%;max-width:100%;min-width:0;font-size:13px}.mvp-shell option{color:#111;background:#fff}.mvp-shell input[type=range]{width:100%;accent-color:var(--accent,#5fc7ff)}.mvp-shell input[type=checkbox]{accent-color:var(--accent,#5fc7ff)}.mvp-shell textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:120px;line-height:1.55;resize:vertical}.mvp-shell button{padding:11px 17px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;background:var(--accent,#5fc7ff);color:#071015;text-decoration:none;line-height:1.35;font-size:12px;font-weight:700;margin:6px 8px 6px 0;max-width:100%;cursor:pointer}.mvp-shell button:disabled{opacity:.4;cursor:not-allowed}.mvp-shell pre{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:color-mix(in srgb,var(--panel,#111) 88%,transparent);border:1px solid color-mix(in srgb,currentColor 14%,transparent);overflow:auto;max-height:550px;border-radius:12px}.mvp-shell table{border-collapse:collapse;width:100%;display:block;overflow:auto;font-size:12px}.mvp-shell th,.mvp-shell td{padding:11px 12px;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 13%,transparent);vertical-align:top}.mvp-shell th{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.mvp-shell canvas,.mvp-shell svg{max-width:100%;height:auto}.mvp-shell fieldset{border:1px solid color-mix(in srgb,currentColor 15%,transparent);padding:16px;min-width:0;border-radius:12px}.mvp-shell legend{font-size:12px;opacity:.65}.mvp-grid,.mvp-form,.controls,.metrics,.mvp-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mvp-results,.mvp-output{margin-top:20px}.mvp-note,.mvp-hint{opacity:.62;font-size:12px!important}.mvp-actions{display:flex;gap:5px;flex-wrap:wrap}.mvp-error,.mvp-shell [role=alert]{color:#f06a5c}.mvp-shell [role=alert]:empty{display:none}.table-wrap{overflow:auto}.mvp-shell details{border:1px solid color-mix(in srgb,currentColor 15%,transparent);padding:16px 18px;margin:18px 0;border-radius:10px}.mvp-shell summary{cursor:pointer;font-size:13px;font-weight:650}.mvp-shell progress{max-width:100%}
@media(max-width:760px){.mvp-lab{padding:58px 18px}.mvp-lab-head{grid-template-columns:1fr;gap:18px}.mvp-lab h2{font-size:clamp(34px,11vw,54px)}.mvp-shell{padding:16px;border-radius:14px}.mvp-grid,.mvp-form,.controls,.metrics,.mvp-controls{grid-template-columns:1fr}.mvp-shell button{width:auto;white-space:normal}.mvp-shell table{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mvp-shell *{scroll-behavior:auto!important}}
