.layerlab-section{padding-block:76px;background:#f1f6ff;color:#142b49}.layerlab-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:29px}.layerlab-intro h2{font:700 clamp(32px,3.6vw,46px)/1.15 var(--body);letter-spacing:-1.35px;margin-top:13px}.layerlab-intro>p{font-size:16px;line-height:1.75;max-width:510px;color:#536b8a}.layerlab-demo{border:1px solid #c8d9ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 18px 48px #15345d0d}.layerlab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 25px;border-bottom:1px solid #d9e4f2}.layerlab-toolbar>p{font-size:13px;font-weight:700;color:#355779}.layerlab-switch{display:flex;padding:4px;gap:4px;background:#e9f1fc;border-radius:9px}.layerlab-switch button{min-height:44px;border:0;background:transparent;color:#516c8b;border-radius:6px;font-size:12px;font-weight:700;padding:10px 16px}.layerlab-switch button[aria-pressed=true]{background:#075fe2;color:#fff;box-shadow:0 3px 9px #075fe225}.layerlab-switch button:disabled{cursor:default}.layerlab-switch button:focus-visible,.layerlab-coverage input:focus-visible{outline:3px solid #075fe2;outline-offset:3px}.layerlab-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(200px,.75fr);gap:26px;padding:28px}.layerlab-stack{position:relative;min-width:0;height:440px;background:radial-gradient(ellipse at 35% 60%,#d4e5fc 0,transparent 63%),linear-gradient(90deg,transparent 19px,#b8cce51a 20px),linear-gradient(transparent 19px,#b8cce51a 20px);background-size:auto,20px 20px,20px 20px;border:1px solid #e1eaf7;border-radius:13px;overflow:hidden}.layerlab-plane{position:absolute;inset:0;margin:0;pointer-events:none}.layerlab-plane svg{position:absolute;left:55px;top:34px;width:230px;height:276px;border-radius:8px;transform-origin:center;transition:transform .48s cubic-bezier(.4,0,.2,1),box-shadow .48s,background-color .48s;box-shadow:0 8px 20px #183c6e18}.layerlab-plane-original{z-index:1}.layerlab-plane-original svg{transform:translateY(109px) rotateX(24deg) rotate(-21deg);background:#fff}.layerlab-plane-patch{z-index:2}.layerlab-plane-patch svg{transform:translateY(34px) rotateX(24deg) rotate(-21deg);border:1px solid #6fa2df;background:#cee5ff14}.layerlab-plane-type{z-index:3}.layerlab-plane-type svg{transform:translateY(-41px) rotateX(24deg) rotate(-21deg);border:1px solid #64a4f0;background:#d5e9ff12}.layerlab-plane figcaption{position:absolute;left:340px;right:15px;line-height:1.4;transition:opacity .2s,transform .3s}.layerlab-plane figcaption::before{content:'';position:absolute;left:-55px;top:12px;width:42px;border-top:1px dashed #789bc5}.layerlab-plane-original figcaption{top:318px}.layerlab-plane-patch figcaption{top:201px}.layerlab-plane-type figcaption{top:77px}.layerlab-plane strong{display:block;font-size:14px;color:#142b49}.layerlab-plane small{display:block;font-size:11px;line-height:1.6;color:#6280a1;margin-top:5px;max-width:170px}.layerlab-order{display:inline-flex;font-size:9px;color:#1d69cc;letter-spacing:1px;font-weight:700;margin-bottom:6px}.layerlab-region-guide{opacity:.65}.layerlab-composed-note{position:absolute;inset:auto 20px 20px;text-align:center;font-size:12px;font-weight:700;color:#315b8b;opacity:0;transition:opacity .25s}.layerlab-demo[data-state=compose] .layerlab-plane svg{transform:translateY(43px) rotateX(0deg) rotate(0deg);left:calc(50% - 115px);box-shadow:none}.layerlab-demo[data-state=compose] .layerlab-plane figcaption{opacity:0;transform:translateX(8px)}.layerlab-demo[data-state=compose] .layerlab-plane-patch svg,.layerlab-demo[data-state=compose] .layerlab-plane-type svg{background:transparent;border-color:transparent}.layerlab-demo[data-state=compose] .layerlab-region-guide{opacity:0}.layerlab-demo[data-state=compose] .layerlab-composed-note{opacity:1}.layerlab-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:22px 15px;background:#f8fbff;border:1px solid #dce8f7;border-radius:13px}.layerlab-result svg{display:block;width:min(100%,185px);height:auto;filter:drop-shadow(0 8px 12px #23446c16)}.layerlab-small-label{font-size:9px;color:#2f6bb9;font-weight:700;letter-spacing:1.4px}.layerlab-result>p:last-child{max-width:230px;text-align:center;font-size:11px;line-height:1.7;color:#5d7695}.layerlab-coverage{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d9e4f2;padding:16px 25px;background:#fafcff}.layerlab-coverage label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px;font-weight:700;color:#285784;flex-shrink:0;cursor:pointer}.layerlab-coverage input{width:17px;height:17px;accent-color:#0967e6}.layerlab-coverage p{font-size:11px;line-height:1.7;color:#69819e;max-width:450px}.layerlab-mask-preview{opacity:0;transition:opacity .18s}.layerlab-demo[data-mask=visible] .layerlab-mask-preview{opacity:1}.layerlab-science{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.layerlab-science h3{font:700 19px/1.35 var(--body);letter-spacing:-.3px}.layerlab-science p{font-size:13px;line-height:1.8;color:#526c8c;margin-top:12px}.layerlab-note{font-size:11px;line-height:1.7;color:#6a819f;margin-top:23px;max-width:900px}
@media(max-width:1200px){.layerlab-layout{padding:22px;gap:19px;grid-template-columns:minmax(0,1fr) 200px}.layerlab-plane svg{left:35px;width:210px;height:252px}.layerlab-plane figcaption{left:285px}.layerlab-plane figcaption::before{left:-35px;width:25px}.layerlab-plane strong{font-size:13px}.layerlab-plane small{font-size:10px}.layerlab-demo[data-state=compose] .layerlab-plane svg{left:calc(50% - 105px)}.layerlab-intro>p{max-width:430px}.layerlab-stack{height:420px}}
@media(max-width:1000px){.layerlab-intro{align-items:flex-start;flex-direction:column;gap:20px}.layerlab-intro>p{max-width:700px}.layerlab-layout{grid-template-columns:1fr}.layerlab-stack{height:430px}.layerlab-plane svg{left:50px;width:210px;height:252px}.layerlab-plane figcaption{left:340px;right:25px}.layerlab-plane figcaption::before{left:-65px;width:50px}.layerlab-plane strong{font-size:15px}.layerlab-plane small{font-size:12px;max-width:230px}.layerlab-result{display:none}.layerlab-plane-original figcaption{top:300px}.layerlab-plane-patch figcaption{top:185px}.layerlab-plane-type figcaption{top:65px}.layerlab-science{gap:22px}.layerlab-coverage{align-items:flex-start;gap:18px}.layerlab-coverage p{max-width:350px}}
@media(max-width:767px){.layerlab-section{padding-block:52px}.layerlab-intro h2{font-size:33px;letter-spacing:-1px}.layerlab-intro>p{font-size:15px}.layerlab-toolbar{display:block;padding:17px}.layerlab-toolbar>p{font-size:12px}.layerlab-switch{margin-top:15px;width:100%}.layerlab-switch button{flex:1;padding-inline:9px;font-size:11px}.layerlab-layout{padding:17px}.layerlab-stack{height:auto;background:#f1f6fe;overflow:visible;padding:16px;display:grid;gap:15px}.layerlab-plane{position:relative;inset:auto;display:flex;align-items:center;gap:20px;pointer-events:auto;min-width:0}.layerlab-plane svg{position:static;left:auto;top:auto;width:80px;height:96px;flex-shrink:0;transform:none!important;border-radius:4px;box-shadow:0 4px 9px #17386112}.layerlab-plane-patch svg,.layerlab-plane-type svg{background:repeating-conic-gradient(#e5edf9 0% 25%,#f8fbff 0% 50%) 0/12px 12px;border:1px solid #a7c4e9}.layerlab-plane figcaption{position:static;left:auto;right:auto;top:auto!important;opacity:1;transform:none;min-width:0}.layerlab-plane figcaption::before{display:none}.layerlab-plane strong{font-size:13px}.layerlab-plane small{font-size:11px;max-width:230px}.layerlab-order{font-size:9px;margin-bottom:3px}.layerlab-demo[data-state=compose] .layerlab-stack{display:block;min-height:330px}.layerlab-demo[data-state=compose] .layerlab-plane{position:absolute;inset:20px 0 auto;height:270px;display:block}.layerlab-demo[data-state=compose] .layerlab-plane svg{position:absolute;top:0;left:calc(50% - 100px);width:200px;height:240px;transform:none!important}.layerlab-demo[data-state=compose] .layerlab-plane figcaption{display:none}.layerlab-demo[data-state=compose] .layerlab-composed-note{display:block}.layerlab-composed-note{display:none}.layerlab-coverage{display:block;padding:12px 18px 18px}.layerlab-coverage p{font-size:11px;margin-top:4px}.layerlab-science{grid-template-columns:1fr;gap:25px;margin-top:28px}.layerlab-science article{border-top:1px solid #ccddf1;padding-top:20px}.layerlab-science h3{font-size:19px}.layerlab-science p{font-size:14px;line-height:1.75}.layerlab-note{font-size:11px}.layerlab-demo{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.layerlab-plane svg,.layerlab-plane figcaption,.layerlab-composed-note,.layerlab-mask-preview{transition:none}}