/* Interactive Labs 2.8 — isolated, responsive, keyboard accessible */
.labs-shell,.audit-grid{display:grid;grid-template-columns:minmax(240px,.77fr) minmax(0,1.35fr);gap:18px;align-items:stretch}.labs-controls,.audit-controls,.audit-report{background:#111e30;border:1px solid #31445b;border-radius:18px;padding:clamp(20px,3vw,34px);min-width:0}.labs-controls fieldset{border:0;padding:0;margin:0 0 24px;display:flex;gap:8px;flex-wrap:wrap}.labs-controls legend{font-size:13px;color:#cfdae6;font-weight:700;margin-bottom:12px}.labs-controls label{cursor:pointer}.labs-controls label input{position:absolute;opacity:0;width:1px;height:1px}.labs-controls label span{display:block;border-radius:40px;padding:11px 16px;background:#1a2c43;border:1px solid #45607a;color:#f2f7fb;font-size:13px}.labs-controls label input:checked+span{outline:2px solid #43d9e7;outline-offset:2px}.labs-controls label input:focus-visible+span{outline:3px solid #d4b779;outline-offset:3px}.labs-controls .swatch{padding-left:30px;position:relative}.labs-controls .swatch:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:100%;background:#55bec2}.labs-controls .swatch-terra:before{background:#d28b60}.labs-controls .swatch-mono:before{background:#dedede}.labs-save{display:inline-block;max-width:100%;background:#43d9e7;color:#081627;border:0;border-radius:10px;padding:14px 19px;font-weight:800;cursor:pointer}.labs-save:focus-visible,.audit-controls input:focus-visible{outline:3px solid #d4b779;outline-offset:3px}.labs-small{font-size:12px;line-height:1.65;color:#b0c2d1}.labs-preview{--p-bg:#0d3b4a;--p-ink:#f7eee2;--p-accent:#efbf85;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:500px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:var(--p-bg);color:var(--p-ink);transition:background .45s ease,color .45s ease}.labs-preview[data-palette=terra]{--p-bg:#f4e7d7;--p-ink:#552c27;--p-accent:#a95e3d}.labs-preview[data-palette=mono]{--p-bg:#171719;--p-ink:#f6f6f6;--p-accent:#b9b9b9}.preview-top,.preview-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.14em}.preview-body{position:relative;z-index:2;max-width:470px}.preview-body h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(36px,5vw,75px);line-height:1.05;letter-spacing:-.035em;margin:18px 0}.labs-preview[data-font=modern] h3{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.065em}.preview-body p{max-width:360px;opacity:.84;font-size:13px}.preview-number,.preview-link{font-size:12px;letter-spacing:.12em}.preview-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:10px;margin-top:24px}.preview-shape{position:absolute;right:-18%;top:9%;width:65%;aspect-ratio:1;border-radius:45% 55% 53% 47%;background:radial-gradient(circle at 35% 30%,transparent 15%,var(--p-accent) 67%);opacity:.38;transform:rotate(-28deg)}.labs-preview[data-motion=dynamic] .preview-shape{animation:labs-float 6s ease-in-out infinite alternate}.labs-preview[data-motion=dynamic] .preview-body{animation:labs-appear .6s ease-out both}@keyframes labs-float{to{transform:translate(-35px,20px) rotate(18deg)}}@keyframes labs-appear{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.audit-controls label{display:block;color:#e7eff8;font-size:13px;font-weight:700;margin:0 0 10px}.audit-controls input{width:100%;min-height:44px;max-width:100%;background:#0c1725;border:1px solid #56708a;border-radius:9px;padding:12px;color:#fff;margin:0 0 14px}.audit-controls input[type=file]{font-size:12px;padding:10px}.audit-controls .labs-save{margin-bottom:8px}.audit-report h3{margin:0 0 18px;font-size:23px}.audit-report h4{margin:28px 0 12px}.audit-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.audit-metric{background:#1c3049;border:1px solid #34516d;border-radius:12px;padding:17px}.audit-metric b{display:block;font-size:25px;margin:9px 0}.audit-metric small{color:#bbcbd8;font-size:12px}.audit-report li{line-height:1.6;margin-bottom:10px;font-size:13px}.audit-report [hidden]{display:none!important}@media(max-width:850px){.labs-shell,.audit-grid{grid-template-columns:1fr}.labs-preview{min-height:420px}.audit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.labs-preview{min-height:380px;padding:20px}.preview-body h3{font-size:38px}.audit-metrics{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.labs-preview,.labs-preview *{animation:none!important;transition:none!important}}