@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2b086ac7cdea8fbb-s.2q-w74ssynylk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fe76bb8bb0cc06e0-s.p.0w8fmwlz7xqve.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2b086ac7cdea8fbb-s.2q-w74ssynylk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fe76bb8bb0cc06e0-s.p.0w8fmwlz7xqve.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2b086ac7cdea8fbb-s.2q-w74ssynylk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fe76bb8bb0cc06e0-s.p.0w8fmwlz7xqve.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2b086ac7cdea8fbb-s.2q-w74ssynylk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fe76bb8bb0cc06e0-s.p.0w8fmwlz7xqve.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text Fallback;src:local(Arial);ascent-override:101.53%;descent-override:30.42%;line-gap-override:0.0%;size-adjust:100.27%}.ZBAaqq_className{font-family:Red Hat Text,Red Hat Text Fallback;font-style:normal}.ZBAaqq_variable{--rh-text:"Red Hat Text", "Red Hat Text Fallback"}
@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/17c0419837be0da9-s.1k43xa70q6kho.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9b43787b0c6aaf8-s.p.3r8x6ait9p8p2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/17c0419837be0da9-s.1k43xa70q6kho.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e9b43787b0c6aaf8-s.p.3r8x6ait9p8p2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono Fallback;src:local(Arial);ascent-override:75.64%;descent-override:22.66%;line-gap-override:0.0%;size-adjust:134.59%}.zcgcmG_className{font-family:Red Hat Mono,Red Hat Mono Fallback;font-style:normal}.zcgcmG_variable{--rh-mono:"Red Hat Mono", "Red Hat Mono Fallback"}
:root{--band:#1b3fd1;--band-deep:#132f9e;--band-ink:#fff;--mark:#ff5a1f;--mark-soft:#ffe2d6;--mark-deep:#b23a0b;--paper:#f2f2ef;--surface:#fff;--ink:#15171c;--ink-soft:#464c58;--ink-faint:#5f6572;--line:#dcdcd6;--line-strong:#b8b8b0;--danger:#c0262d;--warn:#8f5200;--info-ink:#2f5fa8;--editor-bg:#fff;--editor-gutter:#f7f7f4;--editor-active:#f1f4ff;--editor-selection:#ffd7c4;--syn-tag:#1b3fd1;--syn-attr:#9a4a00;--syn-string:#0b7a4b;--syn-comment:#808795;--syn-keyword:#b0127a;--syn-number:#a14b00;--syn-prop:#2a52be;--syn-fn:#6b3fc4;--syn-meta:#6b7280;--radius:4px;--radius-panel:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--font-display:var(--rh-text), "Helvetica Neue", Arial, sans-serif;--font-text:var(--rh-text), "Helvetica Neue", Arial, sans-serif;--font-code:var(--rh-mono), ui-monospace, Menlo, monospace;--feedback-accent:var(--band);--feedback-text:var(--ink);--feedback-surface:var(--surface);--feedback-border:var(--line-strong);--feedback-focus:var(--mark);--feedback-radius:var(--radius-panel);--feedback-font:var(--font-text)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);font:16px/1.55 var(--font-text);flex-direction:column;margin:0;display:flex}a{color:var(--band);text-underline-offset:2px}:focus-visible{outline:2px solid var(--mark-deep);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}code,kbd{font-family:var(--font-code);font-size:.9em}.band{background:var(--surface);color:var(--ink);border-bottom:3px solid var(--mark)}.band-inner{max-width:1480px;padding:0 var(--space-5);align-items:center;gap:var(--space-5);height:56px;margin:0 auto;display:flex}.logo-link{color:var(--band-ink);align-items:center;padding:4px 0;display:inline-flex}.band nav{gap:var(--space-5);margin-left:auto;display:flex}.band nav a{color:var(--ink);font-size:15px;font-weight:500;text-decoration:none}.band nav a:hover{text-decoration:underline}body>main{flex:1 0 auto}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:var(--space-8)}.footer-inner{max-width:1480px;padding:var(--space-6) var(--space-5);gap:var(--space-4) var(--space-6);color:var(--ink-soft);flex-wrap:wrap;align-items:center;margin:0 auto;font-size:14px;display:flex}.footer-inner nav{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.footer-inner nav a{color:var(--ink-soft)}.footer-inner .note{margin:0 0 0 auto}.wrap{max-width:1480px;padding:0 var(--space-5);margin:0 auto}.intro{gap:var(--space-4) var(--space-7);padding:var(--space-5) 0 var(--space-4);grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:end;display:grid}.intro-text{grid-area:1/1}.intro h1{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 var(--space-2);font-size:40px;font-weight:800;line-height:1.05}.intro .lede{color:var(--ink-soft);max-width:64ch;margin:0}.viewer{display:contents}.fetch{grid-area:1/2}.fetch-label{margin-bottom:var(--space-1);font-size:14px;font-weight:600;display:block}.fetch-row{gap:var(--space-2);display:flex}.fetch-row input{min-width:0;height:40px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font:15px var(--font-code);color:var(--ink);flex:1}.fetch-error{margin:var(--space-1) 0 0;color:var(--danger);font-size:14px}.btn{height:36px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:500 14px var(--font-text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink-soft)}.btn:disabled{opacity:.5;cursor:default}.btn svg{flex:none;width:16px;height:16px}.btn-solid{background:var(--band);border-color:var(--band);color:var(--band-ink);height:40px;padding:0 var(--space-4);font-weight:600}.btn-quiet{color:var(--ink-soft);background:0 0;border-color:#0000}.btn-small{height:32px;padding:0 10px;font-size:13px}.btn-icon{justify-content:center;width:32px;padding:0}.btn.is-on{background:var(--mark);border-color:var(--mark);color:#fff}.link-btn{color:var(--band);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.bench{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);grid-column:1/-1;position:relative;overflow:hidden}.toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:var(--editor-gutter);flex-wrap:wrap;display:flex}.tool-gap{background:var(--line);width:1px;height:22px;margin:0 var(--space-1)}.select-btn select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);height:36px;color:var(--ink);font:500 14px var(--font-text);padding:0 var(--space-2) 0 var(--space-3);cursor:pointer}.select-small select{padding-left:var(--space-2);color:var(--ink-soft);font-size:13px}.share-box{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:var(--editor-active);font-size:14px;display:flex}.share-box label{font-weight:600}.share-box input{border:1px solid var(--line-strong);border-radius:var(--radius);min-width:0;height:32px;padding:0 var(--space-2);font:13px var(--font-code);flex:1}.pane-switch{display:none}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:clamp(560px,100vh - 230px,980px);display:grid}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.pane-code-wrap{border-right:1px solid var(--line)}.pane-head{align-items:center;gap:var(--space-3);min-height:44px;padding:6px var(--space-3);border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px;display:flex}.pane-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pane-title b{color:var(--ink)}.chip-x{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.check{white-space:nowrap;cursor:pointer;color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}.check input{accent-color:var(--band);width:15px;height:15px;margin:0}.editor-box{flex:1;min-height:0;position:relative}.editor-host{position:absolute;inset:0}.drop-hint{border:2px dashed var(--band);border-radius:var(--radius-panel);color:var(--band);background:#ffffffeb;place-items:center;font-weight:600;display:grid;position:absolute;inset:12px}.devices{border:1px solid var(--line-strong);border-radius:var(--radius);flex:none;display:inline-flex;overflow:hidden}.devices button{border:0;border-right:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font:500 13px var(--font-text);cursor:pointer;height:30px;padding:0 10px}.devices button:last-child{border-right:0}.pane-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.example-note{align-items:center;gap:4px var(--space-3);padding:6px var(--space-3);background:var(--editor-active);border-bottom:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;font-size:13px;display:flex}.example-note.is-stale{color:var(--warn);background:#fff4dc}.example-note.is-pick{background:var(--mark-soft);color:#8a2d00}.stage{background:var(--surface);flex:1;min-height:0;position:relative;overflow:hidden}.stage-device{background:#e9ebef}.preview-frame{background:#fff;border:0;width:100%;height:100%;display:block}.stage-device .preview-frame{outline:1px solid var(--line-strong);position:absolute;top:12px;left:50%}.stage-size{font:12px var(--font-code);background:var(--ink);color:#fff;border-radius:3px;padding:2px 6px;position:absolute;bottom:6px;right:8px}.drawer{border-top:1px solid var(--line);flex-direction:column;height:34%;min-height:150px;display:flex}.drawer-tabs{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-bottom:1px solid var(--line);background:var(--editor-gutter);display:flex}.drawer-tabs [role=tab]{font:500 13px var(--font-text);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;height:36px;padding:0 10px;display:inline-flex}.drawer-tabs [role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.drawer-clear{padding-right:var(--space-2);margin-left:auto;font-size:13px}.count{background:var(--line);color:var(--ink);text-align:center;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.count-bad{background:var(--danger);color:#fff}.drawer-body{flex:1;font-size:13px;overflow:auto}.drawer-empty{padding:var(--space-3);color:var(--ink-faint);margin:0}.logs,.problems{margin:0;padding:0;list-style:none}.log{gap:var(--space-2);padding:4px var(--space-3);font-family:var(--font-code);white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #eef0f3;font-size:12.5px;display:flex}.log-text{flex:1}.log-warn{color:var(--warn);background:#fff8e6}.log-error{color:var(--danger);background:#fdecee}.log-info{color:var(--info-ink)}.log-n{color:var(--ink-faint)}.problem{gap:var(--space-3);text-align:left;width:100%;padding:6px var(--space-3);font:13px var(--font-text);color:var(--ink);cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #eef0f3;border-left:3px solid #0000;border-right:0;display:flex}.problem:hover{background:var(--editor-active)}.problem-error{border-left-color:var(--danger)}.problem-warning{border-left-color:#e0a100}.problem-info{border-left-color:var(--line-strong)}.problem-at{width:64px;font-family:var(--font-code);color:var(--ink-faint);flex:none;font-size:12px}.info{gap:var(--space-3) var(--space-5);padding:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;display:grid}.info div{min-width:0}.info-wide{grid-column:1/-1}.info dt{color:var(--ink-faint);font-size:12px}.info dd{overflow-wrap:anywhere;margin:0;font-weight:600}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-panel);z-index:50;width:max-content;max-width:min(560px,100vw - 32px);margin:0;padding:10px 16px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.is-empty{display:none}.toast-undo{margin-left:var(--space-3);color:#fff;font:600 14px var(--font-text);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #fff9;padding:6px 12px}.after-bench{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0 0;color:var(--ink-soft);flex-wrap:wrap;font-size:14px;display:flex}.after-bench p{margin:0}.after-bench .keys{margin-left:auto}kbd{border:1px solid var(--line-strong);background:var(--surface);border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:12px}.read{max-width:calc(68ch + 48px);margin:var(--space-8) auto 0;padding:0 var(--space-5)}.read-toc{top:var(--space-5);align-self:start;font-size:14px;position:sticky}.read-toc p{margin:0 0 var(--space-2);font-weight:700}.read-toc ol{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.read-toc a{padding:4px 0 4px var(--space-3);color:var(--ink-soft);text-decoration:none;display:block}.read-toc a:hover{color:var(--band)}.prose h2{font-family:var(--font-display);margin:var(--space-7) 0 var(--space-3);font-size:30px;line-height:1.15}.prose h2:first-child{margin-top:0}.prose h3{margin:var(--space-5) 0 var(--space-1);font-size:18px;font-weight:700}.prose h4{margin:var(--space-5) 0 var(--space-1);font-size:17px}.prose p,.prose li{color:#262a32}.prose li+li{margin-top:6px}.prose pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-3) var(--space-4);font:13.5px/1.6 var(--font-code);overflow-x:auto}.table-scroll{margin:var(--space-4) 0;overflow-x:auto}.prose table{border-collapse:collapse;background:var(--surface);width:100%;font-size:15px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px}.prose th{background:var(--editor-gutter);font-weight:700}.section-tint{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:var(--space-8) calc(-1 * var(--space-5)) 0;padding:var(--space-7) var(--space-5)}.section-tint h2{margin-top:0}.faq section+section{margin-top:var(--space-4)}.faq h3{margin:0 0 2px;font-size:16px}.faq p{margin:0}.faq details{border-bottom:1px solid var(--line);padding:var(--space-3) 0}.faq summary{cursor:pointer;font-size:17px;font-weight:700}.faq details p{margin:var(--space-2) 0 0}.updated{color:var(--ink-faint);font-size:14px}.page{max-width:calc(68ch + 48px);padding:var(--space-7) var(--space-5) 0;margin:0 auto}.page h1{font-family:var(--font-display);margin:0 0 var(--space-3);font-size:44px;line-height:1.08}.page .toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0}.page .toc p{margin:0 0 var(--space-2);font-weight:700}.page .toc ol{columns:2;column-gap:var(--space-6);margin:0;padding-left:1.3em}.page .toc li{break-inside:avoid}.text-button{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius);font:500 14px var(--font-text);cursor:pointer;padding:4px 10px}@media (max-width:1100px){.read{grid-template-columns:minmax(0,68ch)}.read-toc{display:none}}@media (max-width:900px){.intro{grid-template-columns:1fr;align-items:start}.fetch{grid-area:auto/1}.pane-switch{border-bottom:1px solid var(--line);display:flex}.pane-switch button{background:var(--surface);height:44px;font:600 15px var(--font-text);color:var(--ink-soft);cursor:pointer;border:0;border-bottom:3px solid #0000;flex:1}.pane-switch button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--band)}.split{grid-template-columns:1fr;height:clamp(520px,100svh - 120px,760px)}.pane-code-wrap{border-right:0}.pane-code .pane-preview-wrap,.pane-preview .pane-code-wrap{display:none}}@media (max-width:600px){.wrap,.band-inner,.read,.footer-inner,.page{padding-left:var(--space-4);padding-right:var(--space-4)}.band nav{gap:var(--space-4)}.band nav a{font-size:14px}.intro h1{font-size:30px}.intro .lede{font-size:15px}.bench{margin:0 calc(-1 * var(--space-4));border-left:0;border-right:0;border-radius:0}.toolbar{gap:6px}.toolbar .tool-gap{display:none}.toolbar .btn,.select-btn select{height:38px}.pane-head{flex-wrap:wrap}.devices button{padding:0 8px}.prose h2{font-size:26px}.drawer{height:26%;min-height:110px}.devices button,.pane-actions .btn-small{height:40px}.pane-actions .btn-icon{width:40px}.section-tint{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}.page h1{font-size:34px}.page .toc ol{columns:1}.after-bench .keys{display:none}.footer-inner .note{margin-left:0}}.editor-placeholder{pointer-events:none;color:var(--ink-faint);white-space:pre-wrap;margin:0;font-size:14px;position:absolute;top:10px;left:64px;right:16px}@media (max-width:600px){.toolbar .btn{padding:0 10px;font-size:13.5px}.toolbar .btn svg{display:none}}.editor-host.is-ghost .cm-content{opacity:.55}.toolbar{position:relative}.tool-more{display:contents}.more-toggle{display:none}@media (max-width:600px),(max-width:900px) and (max-height:500px){.more-toggle{display:inline-flex}.tool-more{display:none}.tool-more.is-open{z-index:20;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-panel);flex-wrap:wrap;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 4px);left:8px;right:8px;box-shadow:0 10px 24px #15171c2e}.tool-more.is-open .btn{flex:40%;justify-content:center;height:44px}}.prose pre.wrap-pre{white-space:pre-wrap;overflow-wrap:anywhere}.load-btn{border-color:var(--band);color:var(--band);white-space:normal;text-align:left;height:auto;min-height:36px}.drawer-end{align-items:center;gap:var(--space-3);margin-left:auto;font-size:13px;display:inline-flex}.drawer-end .feedback-btn{height:28px;padding:0 8px;font-size:12.5px}.logo-link{color:var(--band);justify-content:center;min-width:40px;min-height:40px}.band nav a{align-items:center;min-height:40px;display:inline-flex}.band-inner{height:52px}@media (max-width:600px){:root{--editor-font:16px}.fetch-row input{font-size:16px}.toolbar .select-btn:first-of-type select{max-width:128px}}.drawer-tabs [role=tab][aria-selected=true]{border-bottom-color:var(--mark)}.pane-switch button[aria-selected=true]{border-bottom-color:var(--mark)!important}.devices button[aria-pressed=true]{background:var(--mark-deep);color:#fff}.example-note{border-left:3px solid var(--mark)}.problem:hover,.problem:focus-visible{background:var(--mark-soft)}.prose h2{scroll-margin-top:16px}.shot{margin:var(--space-4) 0}.shot img{border:1px solid var(--line);border-radius:var(--radius-panel);max-width:100%;height:auto;display:block}.shot figcaption{color:var(--ink-soft);margin-top:6px;font-size:14px}.shot-pair{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.prose pre.code-sample{white-space:pre;overflow-x:auto}@media (max-width:600px){.pane-head{flex-wrap:nowrap;gap:6px}.pane-actions{gap:4px}.pane-actions .btn-small .btn-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pane-actions .btn-small{justify-content:center;width:40px;padding:0}.devices button{padding:0 7px;font-size:12.5px}.pane-actions .check{gap:3px;font-size:12px}.toast{padding:8px 12px;font-size:13px;bottom:12px}.footer-inner nav{gap:var(--space-2) var(--space-4)}.shot-pair{grid-template-columns:1fr}}.faq-group+.faq-group{margin-top:var(--space-6)}.faq-group>h3{text-transform:none;color:var(--ink-faint);border-bottom:1px solid var(--line);margin:0 0 var(--space-3);padding-bottom:4px;font-size:13px;font-weight:600}.faq-item+.faq-item{margin-top:var(--space-4)}.faq-item h4{margin:0 0 2px;font-size:16px}.faq-item p{margin:0}.drawer{height:28%}.drawer.is-collapsed{height:auto;min-height:0}.drawer.is-collapsed .drawer-body{display:none}.drawer.is-collapsed .drawer-tabs [role=tab][aria-selected=true]{border-bottom-color:#0000}.load-btn{border-color:var(--line-strong);color:var(--ink);height:36px;min-height:0}.btn-pick:not(.is-on):not(:disabled){border-color:var(--line-strong);color:var(--ink)}.check input{accent-color:var(--mark)}.faq-group>h3{color:var(--ink);border-bottom:0;padding-bottom:0;font-size:20px;font-weight:700}.spec{color:var(--ink-soft)}.not-found-row{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--danger);cursor:default}.toast{left:24px;transform:none}.page table{word-break:normal}.page .table-scroll{max-width:100%}@media (max-width:600px){.toast{width:auto;left:12px;right:12px}.drawer-tabs [role=tab]{white-space:nowrap;padding:0 7px;font-size:12.5px}.drawer-end .link-btn{display:none}.drawer-end .feedback-btn{justify-content:center;width:32px;padding:0;font-size:0}.drawer-end .feedback-btn svg{width:16px;height:16px}}.prose p,.prose li,.prose td{overflow-wrap:anywhere}:root{--font-display:var(--rh-text), "Helvetica Neue", Arial, sans-serif}.bench{border-bottom-right-radius:0;border-bottom-left-radius:0}.after-bench{padding:6px var(--space-3);border:1px solid var(--line);border-top-color:var(--line);border-radius:0 0 var(--radius-panel) var(--radius-panel);background:var(--editor-gutter);font:12.5px/1.5 var(--font-code);color:var(--ink-soft);gap:var(--space-5);flex-wrap:nowrap;margin-top:-1px}.after-bench kbd{font-size:11px}.shot-wide{width:min(1100px,100vw - 48px);margin-left:50%;transform:translate(-50%)}@media (max-width:900px){.after-bench{flex-wrap:wrap}}@media (max-width:600px){.after-bench{margin:-1px calc(-1 * var(--space-4)) 0;border-left:0;border-right:0;border-radius:0}.shot-wide{width:auto;margin-left:0;transform:none}.footer-inner nav{gap:var(--space-2) var(--space-3);font-size:13.5px}}@media (max-width:900px){.intro{grid-template-columns:minmax(0,1fr)}}@media (max-width:360px){.devices button{padding:0 5px;font-size:12px}.pane-preview-wrap .pane-head{flex-wrap:wrap}}.drawer-end .feedback-btn{min-width:40px;height:32px}.intro h1{letter-spacing:0;font-weight:700}.btn-solid{background:var(--ink);border-color:var(--ink);color:#fff}.btn-solid:hover:not(:disabled){background:#000;border-color:#000}.toolbar .btn:not(.more-toggle)>svg{display:none}.example-note,.example-note.is-stale,.example-note.is-pick{border-left:0}.example-note:not(.is-stale):not(.is-pick){background:var(--surface);color:var(--ink-faint)}.nav-feedback{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-width:40px;height:34px;font:500 14px var(--font-text);color:var(--ink);cursor:pointer;align-self:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.nav-feedback:hover{border-color:var(--ink)}.nav-feedback svg{width:15px;height:15px}.footer-ver{color:var(--ink-faint);margin:0 0 0 auto;font-size:13px}.footer-ver a{color:var(--ink-soft)}.cl-date{color:var(--ink-faint);font-size:.7em;font-weight:400}.problems-demo .problems{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.problems-demo .problem{cursor:default}.problems-demo .problem:hover{background:0 0}.problems-demo figcaption .load-link{font-size:inherit}.load-link{color:var(--band);text-decoration:underline}.faq-wide{width:min(1100px,100vw - 48px);margin-left:50%;transform:translate(-50%)}.faq-cols{display:block}.faq-cols .faq-item{border-top:1px solid var(--line);padding:var(--space-3) 0 var(--space-4);margin:0}.faq-cols .faq-item+.faq-item{margin-top:0}.faq-cols .faq-item h3{margin:0 0 4px;font-size:16px;line-height:1.35}.faq-cols .faq-item p{font-size:15px}@media (max-width:760px){.faq-cols{grid-template-columns:1fr}.faq-wide{width:auto;margin-left:0;transform:none}.footer-ver{margin-left:0}.nav-feedback{font-size:14px}.drawer:has(.drawer-empty){height:auto;min-height:0}}@media (max-width:400px){.band nav a[href="/#faq"]{display:none}}.problems-demo .problem{padding:8px 12px;font-size:14px}.problems-demo .problem-at{font-size:13px}.faq-block{margin-top:var(--space-7)}.sheet{max-width:1180px;margin:var(--space-8) auto 0;padding:0 var(--space-5)}.sheet-sec+.sheet-sec{margin-top:var(--space-8)}.sheet h2{font-family:var(--font-display);margin:0;scroll-margin-top:16px;font-size:30px;line-height:1.15}.sheet-lead{color:var(--ink-soft);max-width:68ch;margin:6px 0 0}.sheet-grid{gap:var(--space-6) var(--space-6);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.sheet-wide{grid-column:span 3}.sheet-item h3{margin:0 0 var(--space-2);padding-top:var(--space-2);border-top:2px solid var(--ink);font-size:15px;font-weight:700}.sheet-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);font-size:15px;line-height:1.55;overflow:hidden}.sheet-box>p{padding:var(--space-3) 14px;margin:0}.sheet-box>p+p,.sheet-box>*+.sheet-note,.sheet-box>*+.sheet-foot{border-top:1px solid var(--line)}.sheet-note{color:var(--ink-soft);font-size:14px}.sheet-foot{background:var(--editor-gutter);color:var(--ink-soft);font-size:14px}.sheet-table{border-collapse:collapse;width:100%;font-size:14.5px}.sheet-table th,.sheet-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eef0f3;padding:7px 14px}.sheet-table tr:last-child td{border-bottom:0}.sheet-table th{color:var(--ink-faint);background:var(--editor-gutter);border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600}.sheet-table td:first-child{width:40%}.sheet-code td:first-child{width:42%}.sheet-code code,.sheet-code samp{font:13px/1.5 var(--font-code);overflow-wrap:anywhere}.sheet-code samp{color:var(--ink)}.sheet-code code{color:var(--syn-tag)}.sheet-pre{font:13px/1.6 var(--font-code);white-space:pre;background:var(--editor-bg);margin:0;padding:10px 14px;overflow-x:auto}.sheet-pre:before{content:"Before";font:600 11.5px var(--font-text);color:var(--ink-faint);margin-bottom:2px;display:block}.sheet-pre-after{border-top:1px dashed var(--line)}.sheet-pre-after:before{content:"After Format"}.sample-list{columns:2;column-gap:var(--space-4);margin:0;padding:10px 14px;font-size:14.5px;list-style:none}.sample-list li{break-inside:avoid;margin:0 0 4px}.sample-list .load-link{text-align:left}.sheet-box .problems{margin:0;padding:0;list-style:none}.sheet-box .problem{cursor:default;padding:8px 12px;font-size:14px}.sheet-box .problem:hover{background:0 0}.sheet-box .problem-at{font-size:13px}.sheet-safety{background:var(--surface);box-shadow:0 0 0 100vmax var(--surface);clip-path:inset(0 -100vmax);padding:var(--space-7) 0}.safety-cols{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;display:grid}.safety-cols p{margin:0 0 var(--space-3);max-width:62ch}.sheet pre.code-sample{margin:0 0 var(--space-3);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-3) var(--space-4);font:13.5px/1.6 var(--font-code);overflow-x:auto}.sheet-safety .shot{margin:0}.faq-rows{margin:var(--space-5) 0 0}.faq-row{gap:var(--space-6);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);padding:14px 0;display:grid}.faq-row:last-child{border-bottom:1px solid var(--line)}.faq-row dt h3{margin:0;font-size:16px;line-height:1.4}.faq-row dd{color:var(--ink-soft);margin:0}@media (max-width:1000px){.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-wide{grid-column:span 2}.safety-cols{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.sheet{padding:0 var(--space-4);margin-top:var(--space-7)}.sheet-sec+.sheet-sec{margin-top:var(--space-7)}.sheet h2{font-size:26px}.sheet-grid{gap:var(--space-5);grid-template-columns:1fr}.sheet-wide{grid-column:auto}.sheet-code thead{display:none}.sheet-code tr{border-bottom:1px solid #eef0f3;padding:6px 0;display:block}.sheet-code td{border:0;padding:2px 14px;display:block;width:auto!important}.faq-row{grid-template-columns:1fr;gap:4px}}.sheet-grid.sheet-cols{columns:3;column-gap:var(--space-6);display:block}.sheet-cols .sheet-item{break-inside:avoid;margin-bottom:var(--space-6)}.sheet-safety .shot-pair{grid-template-columns:1fr 1fr}@media (max-width:1000px){.sheet-grid.sheet-cols{columns:2}}@media (max-width:640px){.sheet-grid.sheet-cols{columns:1}.sheet-cols .sheet-item{margin-bottom:var(--space-5)}}.sheet-pre:not(.sheet-pre-after){white-space:pre-wrap;overflow-wrap:anywhere}.sheet-text{margin:0;font-size:15px;line-height:1.6}.sheet-text+.sheet-text{margin-top:var(--space-2)}.sheet-grid.sheet-two{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-two .sheet-wide{grid-column:span 2}.shot-label{color:var(--ink);margin:0 0 6px;font-size:13.5px;font-weight:600}.faq-row dd{color:var(--ink)}@media (max-width:640px){.sheet-grid.sheet-two{grid-template-columns:1fr}.sheet-two .sheet-wide{grid-column:auto}}.sheet-after{margin-top:var(--space-2);color:var(--ink-soft);font-size:14px}.sheet-box .problem{border-left:0}.sev{width:58px;font:600 12px var(--font-code);text-transform:lowercase;flex:none}.sev-error{color:var(--danger)}.sev-warning{color:var(--warn)}.sev-info{color:var(--info-ink)}@media (max-width:700px){.sheet-safety .shot-pair{grid-template-columns:1fr}}@media (max-width:600px){.pane-actions .btn-small.btn-run{gap:4px;width:auto;padding:0 10px 0 8px}.pane-actions .btn-run .btn-label{clip:auto;width:auto;height:auto;position:static}}@media (max-width:420px){.devices button{padding:0 5px}.devices button{min-width:40px;padding:0 4px}.pane-actions{gap:2px}.pane-actions .btn-small.btn-run{padding:0 6px 0 4px}.pane-head{gap:4px}}@media (max-width:900px){.split{height:clamp(380px,100svh - 170px,700px)}}@media (max-width:900px) and (max-height:500px){.split{height:calc(100svh - 72px);min-height:240px}}.editor-host .cm-editor.cm-focused{outline:2px solid var(--mark-deep);outline-offset:-2px}.log-jump{all:unset;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}.log-jump:focus-visible{outline:2px solid var(--mark-deep)}.band nav a{white-space:nowrap}.nav-feedback svg{flex:none}@media (max-width:360px){.band nav{gap:10px}.band nav a,.nav-feedback{font-size:13px}}@media (max-width:900px),(pointer:coarse){.check{min-height:40px}.example-note .link-btn,.toast-undo{align-items:center;min-height:40px;display:inline-flex}.chip-x{min-width:36px;min-height:36px}.drawer-tabs button,.problem{min-height:44px}.site-footer nav a{padding-block:10px;display:inline-block}.devices button,.pane-actions .btn-small{height:40px}}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:var(--radius);padding:8px 12px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}@media (min-width:901px) and (max-width:1240px){.pane-actions .btn-small:not(.btn-run) .btn-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pane-actions .btn-small:not(.btn-run){padding:0 8px}}@media (max-width:900px) and (max-height:500px){.lede{display:none}.intro h1{margin:4px 0 8px;font-size:24px}.intro{padding-top:8px}}.fetch-toggle{display:none}@media (max-width:900px) and (max-height:720px){.fetch-toggle{align-items:center;min-height:40px;margin-bottom:4px;display:inline-flex}.fetch:not(.is-open){display:none}.intro h1{margin-bottom:6px;font-size:28px}.lede{margin-bottom:4px;font-size:14px;line-height:1.45}}.drawer-body{background:linear-gradient(var(--surface) 30%, #fff0) center top / 100% 28px no-repeat local, linear-gradient(#fff0, var(--surface) 70%) center bottom / 100% 28px no-repeat local, linear-gradient(#00000024, #0000) center top / 100% 10px no-repeat scroll, linear-gradient(#0000, #00000024) center bottom / 100% 10px no-repeat scroll, var(--surface)}@media (max-width:900px),(pointer:coarse){.sample-list .load-link,.sheet .load-link{align-items:center;min-height:40px;display:inline-flex}.load-btn,.nav-feedback,.toolbar .btn,.toolbar .select-btn select,.fetch-row button,.fetch-row input{min-height:40px}.band nav a{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.devices button{min-width:40px}.pane-actions .btn-icon{width:40px;min-width:40px}}@media (max-width:900px) and (max-height:720px){.lede{display:none}.example-note{padding-top:4px;padding-bottom:4px}}@media (max-width:900px) and (max-height:500px){.intro h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.band-inner{height:44px;min-height:0;padding-top:4px;padding-bottom:4px}.intro{padding-top:4px}.fetch-toggle{margin-bottom:0}.viewer .fetch-toggle+.fetch:not(.is-open)+*{margin-top:0}.pane-head{padding-top:2px;padding-bottom:2px}.example-note{font-size:13px}}@media (max-width:900px),(pointer:coarse){.log-jump{align-items:center;min-height:40px;display:flex}}@media (pointer:coarse),(max-width:900px){.editor-host .cm-gutter.cm-foldGutter{display:none!important}}@media (max-width:600px){.pane-code-wrap .pane-title{white-space:normal;line-height:1.3}}.viewer .toolbar{scroll-margin-top:12px}