@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.lab{--lab-surface: #ffffff;--lab-line: rgba(19, 23, 20, .1);display:block;background:var(--lab-surface);color:var(--ink);border:1px solid var(--lab-line);border-radius:var(--radius-l);box-shadow:var(--shadow-soft);overflow:hidden}.lab button{cursor:pointer}.lab :focus-visible{outline:2px solid var(--forest);outline-offset:2px}.lab-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding:14px clamp(16px,2.2vw,28px);border-bottom:1px solid var(--lab-line)}.lab-tabs{display:flex;gap:24px;flex-wrap:wrap}.lab-tab{position:relative;background:none;border:0;padding:12px 0;color:var(--stone);font-family:var(--display);font-size:1.05rem;font-weight:600;letter-spacing:-.015em}.lab-tab:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1.5px;background:var(--forest);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.lab-tab:hover,.lab-tab[aria-selected=true]{color:var(--ink)}.lab-tab[aria-selected=true]:after{transform:scaleX(1)}.lab-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.seg{display:inline-flex;background:var(--ivory-deep);border-radius:10px;padding:3px}.seg button{background:none;border:0;color:var(--stone);font-size:.875rem;font-weight:500;padding:7px 14px;min-height:36px;border-radius:8px;transition:background-color .25s,color .25s,box-shadow .25s}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 2px #1728201f,0 2px 8px -4px #17282040}.switch{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:var(--stone);font-size:.875rem;font-weight:500;min-height:40px;padding:0 4px}.switch:hover,.switch[aria-pressed=true]{color:var(--ink)}.switch-track{width:36px;height:22px;border-radius:11px;background:var(--ivory-deep);box-shadow:inset 0 0 0 1px var(--lab-line);position:relative;transition:background .3s}.switch-track span{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #1728204d;transition:transform .3s var(--ease)}.switch[aria-pressed=true] .switch-track{background:var(--forest);box-shadow:none}.switch[aria-pressed=true] .switch-track span{transform:translate(14px)}.lab-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px)}.lab-stage{position:relative;min-width:0;padding:20px clamp(14px,2.2vw,32px) 18px;background:radial-gradient(circle,rgba(31,125,52,.18) 1px,transparent 1.4px) 0 0 / 22px 22px,var(--mist)}.lab-measure{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:.8125rem;font-weight:500;color:#2f5a3a}.lab-dim{display:inline-flex;align-items:center;gap:10px}.lab-dim-line{width:26px;height:9px;border-inline:1px solid currentColor;position:relative}.lab-dim-line:after{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:currentColor}.lab-viewport{position:relative;height:640px;transition:height .55s var(--ease)}.lab-device{position:absolute;top:0;left:50%;transform-origin:top center;transform:translate(-50%) scale(var(--s, 1));width:var(--w, 680px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #1728200f,0 40px 70px -36px #1728208c;transition:width .6s var(--ease),transform .6s var(--ease),border-radius .6s var(--ease),opacity .3s var(--ease)}.lab-device[data-mode=mobile]{border:10px solid #131714;border-radius:40px}.lab-device.is-switching{opacity:0}.lab-inbox{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#f7f7f4;color:#1d232a;border-bottom:1px solid #e3e3dd;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;line-height:1.35}.lab-device[data-mode=mobile] .lab-inbox{padding-top:18px}.lab-avatar{flex:none;width:30px;height:30px;border-radius:50%;background:#12332f;color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}.lab-inbox-text{min-width:0;display:grid}.lab-inbox-text>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-pre{color:#5f6770}.lab-inbox[data-has-sender=false] .lab-avatar{display:none}.lab-inbox[data-has-sender=false] strong{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5f6770}.lab-img-note{margin-top:6px}.lab-screen{background:#fff}.lab-screen iframe{width:100%;height:var(--h, 600px);border:0;display:block;background:#fff}.lab-foot{position:relative;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin-top:16px;color:#2f5a3a;font-size:.8125rem;line-height:1.5}.lab-foot span{max-width:60ch}.lab-foot a{color:var(--ink);text-underline-offset:.22em;font-weight:500}.lab-inspector{border-left:1px solid var(--lab-line);background:var(--lab-surface);display:flex;flex-direction:column;min-width:0}.ins-tabs{display:flex;padding:0 20px;gap:22px;border-bottom:1px solid var(--lab-line)}.ins-tabs button{position:relative;background:none;border:0;color:var(--stone);padding:16px 0 14px;font-size:.9rem;font-weight:500}.ins-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--forest);transform:scaleX(0);transition:transform .35s var(--ease)}.ins-tabs button:hover,.ins-tabs button[aria-selected=true]{color:var(--ink)}.ins-tabs button[aria-selected=true]:after{transform:scaleX(1)}.ins-panel{padding:20px 20px 24px;overflow:auto;max-height:720px}.ins-intro{color:var(--stone);margin-bottom:14px}.ins-intro strong{color:var(--ink);font-weight:600}.mod-list{display:grid;gap:2px;counter-reset:mod}.mod-item{display:flex;align-items:stretch;gap:6px}.mod-btn{flex:1;display:flex;align-items:baseline;gap:12px;text-align:left;background:none;border:0;border-radius:8px;color:var(--ink);padding:9px 12px;font-size:.9375rem;font-weight:450;transition:background-color .2s}.mod-btn:before{counter-increment:mod;content:counter(mod,decimal-leading-zero);font-size:.75rem;font-variant-numeric:tabular-nums;color:#2f5a3a}.mod-btn:hover{background:var(--ivory-deep)}.mod-btn[aria-pressed=true]{background:var(--mist);box-shadow:inset 2px 0 0 var(--forest)}.mod-toggle{flex:none;display:inline-flex;align-items:center;background:none;border:1px solid var(--lab-line);border-radius:8px;color:var(--stone);font-size:.75rem;font-weight:500;padding:0 10px;min-width:64px;justify-content:center}.mod-toggle:hover{color:var(--ink);border-color:var(--stone)}.mod-toggle[aria-pressed=false]{color:var(--ivory);background:var(--forest);border-color:var(--forest)}.mod-note{margin-top:18px;padding-top:18px;border-top:1px solid var(--lab-line);font-size:.9375rem;line-height:1.6;color:var(--stone);min-height:6.5em}.mod-note h3{font-family:var(--display);font-size:1.15rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);margin-bottom:6px}.mod-note code{color:var(--forest)}.mod-note button{margin-top:12px;background:none;border:0;padding:4px 0;color:var(--forest);font-weight:550;font-size:.875rem;text-decoration:underline;text-underline-offset:.22em}.src-head{display:flex;justify-content:space-between;gap:12px;color:var(--stone);margin-bottom:10px}.src{margin:0;background:var(--ink);border-radius:12px;padding:16px;overflow:auto;max-height:580px;font-size:.75rem;line-height:1.65;color:#d6dfd5;white-space:pre;tab-size:2}.src .t-c{color:#8fa391;font-style:italic}.src .t-mso{color:#e3c38e}.src .t-tag{color:#b9cbba}.src .t-attr{color:#9ed0b5}.src .t-val{color:#ecd9b0}.chk-list{display:grid}.chk{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;padding:12px 0;border-bottom:1px solid var(--lab-line);font-size:.875rem;line-height:1.5}.chk-status{grid-row:span 2;font-size:.6875rem;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:6px;align-self:start;min-width:46px;text-align:center}.chk[data-status=pass] .chk-status{background:var(--mist);color:var(--forest)}.chk[data-status=note] .chk-status,.chk[data-status=info] .chk-status{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--stone)}.chk strong{font-weight:600;color:var(--ink)}.chk span.chk-detail{color:var(--stone)}.workflow{margin-top:20px;border-radius:12px;background:var(--ivory-deep);padding:14px 16px}.workflow summary{cursor:pointer;font-weight:550;font-size:.9rem}.workflow p{margin:8px 0}.workflow ol{padding-left:1.3em;color:var(--stone);display:grid;gap:4px}.lab-full-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;background:none;border:1px solid var(--lab-line);border-radius:8px;color:var(--stone);font-size:.875rem;font-weight:500}.lab-full-btn:hover{color:var(--ink);border-color:var(--stone)}.lab-dialog{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--mist);color:var(--ink)}.lab-dialog::backdrop{background:#11151399}.lab-dialog[open]{display:flex;flex-direction:column}.dlg-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px clamp(16px,3vw,32px);background:var(--ivory);border-bottom:1px solid var(--lab-line)}.dlg-title{font-family:var(--display);font-size:1.1rem;font-weight:650;letter-spacing:-.015em}.dlg-meta{font-family:var(--sans);font-size:.85rem;color:var(--stone);margin-left:10px}.dlg-actions{display:flex;align-items:center;gap:20px}.dlg-link{font-size:.9rem;font-weight:500;text-underline-offset:.22em}.dlg-close{min-height:40px;padding:0 16px;border:0;border-radius:8px;cursor:pointer;background:var(--forest);color:var(--ivory);font-weight:550;font-size:.9rem}.dlg-close:hover{background:var(--forest-deep)}.dlg-stage{flex:1;min-height:0;display:flex;justify-content:center;padding:clamp(12px,3vw,32px);overflow:hidden}.dlg-frame{width:100%;max-width:var(--dw, 680px);height:100%;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 4px #1728200f,0 40px 70px -36px #1728208c}.dlg-stage[data-mode=mobile] .dlg-frame{border:10px solid #131714;border-radius:40px;max-width:395px}@media(max-width:1080px){.lab-body{grid-template-columns:1fr}.lab-inspector{border-left:0;border-top:1px solid var(--lab-line)}.ins-panel{max-height:none}}@media(max-width:560px){.lab-head{padding:10px 14px 14px}.lab-tabs{gap:18px}.lab-tab{font-size:1.05rem}.lab-controls{width:100%}.ins-tabs{padding:0 16px;gap:18px}.ins-panel{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.lab-device,.lab-viewport,.lab-tab:after,.ins-tabs button:after{transition:none!important}}