.lab-heading{max-width:720px}.lab-heading h1{font-size:clamp(34px,5vw,54px);line-height:1.06;letter-spacing:-.05em;margin:16px 0}.lab-heading p{color:#52675c}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:start}.lab-panel{padding:26px;border:1px solid var(--line);background:white;border-radius:20px;min-width:0}.lab-panel h2{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}.lab-panel p{color:#52675c}.lab-form{display:grid;gap:16px;margin-top:22px}.lab-form label{display:grid;gap:7px;font-weight:600;font-size:14px}.lab-form select,.lab-form input{width:100%;min-width:0;padding:12px;border:1px solid #bfd6c8;border-radius:10px;background:#f8fbf9;color:var(--ink);font:inherit}.lab-form :focus-visible,.lab-tabs button:focus-visible{outline:3px solid #8ccfae;outline-offset:3px}.lab-form .lab-check{display:flex;align-items:center;gap:10px}.lab-check input{width:19px;height:19px;accent-color:var(--green)}.lab-total{display:flex;justify-content:space-between;gap:14px;padding:16px;background:var(--mint);border-radius:12px}.lab-total output{font-size:23px;font-weight:800;color:var(--green)}.lab-label{display:block;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.lab-result{border:1px solid #c5dece;border-radius:14px;padding:20px;margin-top:18px;overflow-wrap:anywhere}.lab-result h3{margin:6px 0 20px}.lab-result dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.lab-result dt{font-size:12px;color:#52675c}.lab-result dd{margin:4px 0;font-size:14px}.lab-result.is-new{animation:resultIn .5s ease}.lab-path{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:#52675c;margin:16px 0}.lab-toast{position:fixed;right:24px;bottom:24px;width:min(380px,calc(100vw - 32px));z-index:30;border:1px solid #8ccfae;border-radius:17px;padding:18px 44px 18px 18px;background:#fff;box-shadow:0 15px 60px #19232333;animation:resultIn .35s ease}.lab-toast[hidden]{display:none}.lab-toast strong,.lab-toast small{display:block}.lab-toast small{color:#52675c;font-size:11px;margin-bottom:8px}.lab-toast p{margin:6px 0 0}.lab-toast button{position:absolute;right:12px;top:12px;border:0;background:var(--mint);color:var(--green);border-radius:7px;padding:4px 8px;cursor:pointer;font-size:18px}.lab-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.lab-tabs button{border:1px solid #bfd6c8;border-radius:999px;padding:10px 15px;background:#fff;color:#365745;cursor:pointer;font:inherit}.lab-tabs button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.lab-status{min-height:24px;margin:0;color:var(--green)}.lab-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.lab-links a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.lab-preview{padding:26px;border-radius:20px;background:var(--mint);display:flex;align-items:center;justify-content:space-between;gap:25px}.lab-preview h2{font-size:30px;letter-spacing:-.04em;margin:8px 0}.lab-preview p{max-width:660px;color:#52675c}.lab-art{height:70px;display:flex;align-items:center;gap:8px;margin:16px 0}.lab-art span{height:45px;flex:1;border-radius:10px;background:linear-gradient(135deg,#8ccfae,#1d785e);transform:skewY(-5deg)}.lab-art span:nth-child(2){background:linear-gradient(135deg,#dff0e7,#8ccfae);height:62px}.lab-art span:nth-child(3){background:var(--lime)}@keyframes resultIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.lab-layout{grid-template-columns:1fr}.lab-panel{padding:20px}.lab-preview{display:block}.lab-preview .button{margin-top:12px}.lab-toast{right:16px;bottom:16px}.site-nav{gap:12px}.site-nav>.button{font-size:12px;padding:9px}.lab-result dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.lab-result.is-new,.lab-toast{animation:none}}