.yourapp{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;font-size:13.5px;line-height:1.6}.yourapp h3{font:11px Roboto Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--body);margin:0 0 10px}.yourapp .st{margin:0 0 12px}.yourapp .st b{color:var(--head);font-weight:600}.yourapp code{font-family:Roboto Mono,monospace;color:var(--head);font-size:12.5px}.yourapp .row{display:flex;gap:8px}.yourapp .open{flex:1;background:var(--head);color:var(--bg);border:none;border-radius:6px;padding:8px 0;font:600 13.5px Inter Variable,sans-serif;cursor:pointer}.yourapp .open:hover{background:#000}.yourapp .clear{background:none;border:1px solid var(--border);border-radius:6px;padding:0 12px;color:var(--body);font:13px Inter Variable,sans-serif;cursor:pointer}.keysdlg{border:1px solid var(--border);border-radius:14px;padding:26px 28px;width:min(440px,calc(100vw - 32px));background:var(--bg);color:var(--body);font-family:Inter Variable,system-ui,sans-serif}.keysdlg::backdrop{background:#0611248c}.keysdlg h3{font-family:Sora Variable,sans-serif;color:var(--head);font-size:20px;margin:0 0 4px}.keysdlg .hint{font-size:14px;margin:0 0 16px}.keysdlg label{display:block;font-size:12.5px;font-weight:600;color:var(--head);margin:0 0 12px}.keysdlg input{display:block;width:100%;margin-top:5px;padding:9px 11px;border:1px solid var(--border);border-radius:7px;font:13.5px Roboto Mono,monospace;color:var(--head);background:#fff}.keysdlg input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.keysdlg .priv{font-size:12.5px;line-height:1.55;margin:4px 0 18px}.keysdlg .priv code{font-family:Roboto Mono,monospace;color:var(--head)}.keysdlg .actions{display:flex;justify-content:flex-end;gap:10px}.keysdlg .save{background:var(--green-aa);color:#f9f9f9;border:none;border-radius:7px;padding:9px 18px;font:600 14px Inter Variable,sans-serif;cursor:pointer}.keysdlg .ghost{background:none;border:1px solid var(--border);border-radius:7px;padding:9px 14px;color:var(--body);font:14px Inter Variable,sans-serif;cursor:pointer}.prose .var.filled{color:#87dba6}.code-header .run{margin-left:8px;background:var(--green-aa);color:#f9f9f9;border:1px solid transparent;border-radius:6px;font:600 11px Roboto Mono,monospace;padding:3px 12px;cursor:pointer}.code-header .run:hover{background:var(--green)}.run-out{background:var(--navy-900);border-top:1px solid var(--navy-700);padding:4px 16px 10px}.run-row{padding:10px 0 6px}.run-row+.run-row{border-top:1px solid var(--navy-700)}.run-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font:11.5px Roboto Mono,monospace;letter-spacing:.04em}.run-req{color:var(--navy-100)}.run-status{color:var(--navy-400)}.run-status.ok{color:#87dba6}.run-status.err{color:#f5a3a3}.run-body{margin:8px 0 0;font:12.5px/1.6 Roboto Mono,monospace;color:var(--navy-200);white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.fb[data-astro-cid-ukalbhrz]{max-width:800px;margin:52px 0 0;padding:22px 24px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.q[data-astro-cid-ukalbhrz]{font-family:Sora Variable,sans-serif;font-weight:600;font-size:17px;color:var(--head);margin:0 0 12px}.fbtns[data-astro-cid-ukalbhrz]{display:flex;gap:10px}.fbtns[data-astro-cid-ukalbhrz] button[data-astro-cid-ukalbhrz]{border:1px solid var(--border);background:var(--bg);color:var(--head);border-radius:99px;padding:8px 22px;font:600 14px Inter Variable,sans-serif;cursor:pointer}.fbtns[data-astro-cid-ukalbhrz] button[data-astro-cid-ukalbhrz]:hover{border-color:var(--head)}.detail[data-astro-cid-ukalbhrz] label[data-astro-cid-ukalbhrz]{display:block;font-size:13px;font-weight:600;color:var(--head);margin:0 0 12px}.detail[data-astro-cid-ukalbhrz] select[data-astro-cid-ukalbhrz],.detail[data-astro-cid-ukalbhrz] textarea[data-astro-cid-ukalbhrz]{display:block;width:100%;margin-top:5px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;font:14px Inter Variable,sans-serif;color:var(--head);background:var(--bg)}.detail[data-astro-cid-ukalbhrz] button[data-astro-cid-ukalbhrz]{background:var(--green-aa);color:#f9f9f9;border:none;border-radius:7px;padding:9px 18px;font:600 14px Inter Variable,sans-serif;cursor:pointer}.thanks[data-astro-cid-ukalbhrz]{margin:0;font-size:15px;color:var(--green-strong)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--body);font-family:Inter Variable,system-ui,sans-serif;font-size:18px;line-height:1.7}h1,h2,h3{font-family:Sora Variable,sans-serif;color:var(--head);text-wrap:balance}a{color:var(--blue-strong)}.page{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:60px;max-width:1180px;margin:0 auto;padding:0 20px 60px}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}main{min-width:0}h1{font-size:clamp(38px,4.8vw,54px);line-height:1.06;letter-spacing:-.03em;margin:56px 0 18px}.dek{font-size:22px;line-height:1.5;color:var(--body);margin:0 0 28px;max-width:800px}.byline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px;color:var(--body);padding-bottom:26px;border-bottom:1px solid var(--border)}.byline b{color:var(--head);font-weight:600}.bylineasset{color:var(--green-strong);text-decoration:none;border:1px solid var(--border);border-radius:99px;padding:5px 15px;font-size:13px;white-space:nowrap}.bylineasset:hover{border-color:var(--green-strong)}.share{display:inline-flex;gap:14px;align-items:center;margin-left:auto}.share a{color:var(--body);display:inline-flex}.share a:hover{color:var(--head)}.hero{margin:36px 0 44px;border-radius:14px;overflow:hidden}.hero img{width:100%;aspect-ratio:2.4 / 1;object-fit:cover;height:auto;display:block}.prose{counter-reset:sec}.prose p,.prose ul,.prose ol{max-width:800px}.prose p{margin:0 0 1.3em;text-wrap:pretty}.prose ul,.prose ol{margin:0 0 1.3em;padding-left:20px}.prose li{margin:8px 0}.prose li::marker{color:var(--dim)}.prose h2{position:relative;max-width:800px;font-size:28px;line-height:1.2;letter-spacing:-.015em;margin:64px 0 20px;padding-top:26px;border-top:1px solid var(--border);scroll-margin-top:32px;counter-increment:sec}.prose h2:before{content:counter(sec,decimal-leading-zero);position:absolute;left:-58px;top:32px;font:13px Roboto Mono,monospace;letter-spacing:.04em;color:var(--blue-strong)}.prose h3{font-size:22px;line-height:1.3;margin:36px 0 12px;scroll-margin-top:32px}.prose h4{font-size:18px;margin:28px 0 8px;scroll-margin-top:32px}.prose strong{color:var(--head);font-weight:650}.prose a:hover{color:var(--head)}.prose figure{margin:32px 0 40px}.prose figcaption{font-size:14.5px;line-height:1.55;color:var(--body);margin-top:12px;max-width:800px}.prose p:has(>img:only-child){max-width:800px;margin:32px 0 40px}.prose img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:12px;display:block}.prose table{border-collapse:collapse;font-size:16px;display:block;overflow-x:auto;margin:36px 0;max-width:800px}.prose th,.prose td{padding:11px 18px 11px 0;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.prose td:first-child{color:var(--head)}.prose tr:last-child td{border-bottom:none}.prose th{font:11px Roboto Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--body);padding-top:0;border-bottom:2px solid var(--border)}.prose code{font-family:Roboto Mono,monospace;hyphens:none}.prose :not(pre)>code{background:var(--surface);border-radius:6px;padding:2px 7px;font-size:.85em;color:var(--head)}.prose p:has(>strong:first-child>code:first-child){max-width:800px;padding-top:18px;border-top:1px solid var(--border)}.prose strong>code{font-size:14px;padding:3px 9px;border-radius:5px}.code-block{margin:36px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;background:var(--navy-900);padding:8px 16px}.code-header .lang{font:11.5px Roboto Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 70px)}.prose pre{background:var(--code-bg)!important;color:var(--code-fg);padding:18px 20px;overflow-x:auto;margin:0;border-radius:0;font-family:Roboto Mono,monospace;font-size:14px;line-height:1.75}.copy{background:none;color:var(--navy-400);border:1px solid var(--navy-700);border-radius:6px;font:11px Roboto Mono,monospace;padding:3px 10px;cursor:pointer}.copy:hover{color:var(--navy-100);border-color:var(--navy-400)}.lbl-mono,.tags .lbl,.fr h3,.changelog h3,.toc h3,.tested-on h3,.moreon h3{font:11px Roboto Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--body)}.tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:44px 0 0}.tag{font-size:13.5px;color:var(--body)}.tag:before{content:"#"}.faq{margin:52px 0 0}.faq h2{font-size:24px;letter-spacing:-.015em;margin:0 0 6px}.qa{padding:20px 0;border-top:1px solid var(--border)}.qa h3{font-size:18px;line-height:1.35;margin:0 0 8px;font-weight:600}.qa p{font-size:16.5px;line-height:1.65;margin:0;max-width:800px}.cmp{margin:48px 0 0}.cmp h2{font-size:20px;letter-spacing:-.01em;margin:0 0 14px}.cmp .chip{display:inline-block;border:1px solid var(--border);border-radius:99px;padding:9px 18px;margin:0 8px 8px 0;color:var(--head);text-decoration:none;font-size:14.5px}.cmp .chip:hover{border-color:var(--head)}.fr{margin:40px 0 0}.fr h3{margin:0}.fr ul{margin:12px 0 0;padding-left:20px;font-size:16.5px;line-height:1.9}.foot{margin:48px 0 0;padding-top:22px;border-top:1px solid var(--border);font-size:14px;color:var(--body)}.foot .who{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 6px}.foot .who b{color:var(--head);font-weight:600}.foot .tested{margin:0 0 20px}.reviewer.draft{color:var(--amber);background:var(--amber-soft);padding:8px 12px;margin:0 0 12px;border-radius:8px;font-family:Roboto Mono,monospace;font-size:12px;display:inline-block}.changelog h3{margin:0 0 10px}.changelog ul{margin:0;padding-left:20px;font-size:14.5px;line-height:1.75}.changelog b{color:var(--head);font-weight:600}.rail{align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;gap:34px;padding-top:66px;max-height:calc(100vh - 24px);overflow-y:auto}.toc h3,.tested-on h3,.moreon h3{margin:0 0 12px}.toc h3{margin-bottom:14px}.toc ul,.moreon ul{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:1.45}.toc ul{border-left:1px solid var(--border)}.toc a{color:var(--body);text-decoration:none;display:block;padding:5px 0 5px 15px;border-left:2px solid transparent;margin-left:-1px;transition:color .15s ease,border-color .15s ease}.toc a:hover{color:var(--head)}.toc a.active{border-left-color:var(--blue);color:var(--head)}.tested-on{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;font-size:13.5px;line-height:1.75}.tested-on .row+.row{margin-top:10px}.tested-on b{color:var(--head);font-weight:600}.tested-on .dl{display:block;margin-top:16px;background:var(--green-aa);color:#f9f9f9;font-size:13.5px;font-weight:600;text-align:center;padding:9px 0;border-radius:6px;text-decoration:none}.tested-on .dl:hover{background:var(--green-strong)}.moreon li+li{margin-top:12px}.moreon a{color:var(--body);text-decoration:none}.moreon a:hover{color:var(--head)}.relgrid{padding-top:44px;border-top:1px solid var(--border)}.relgrid h2{font-size:24px;letter-spacing:-.015em;margin:0 0 20px}.relgrid .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.relgrid a{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .2s ease}.relgrid a:hover{border-color:var(--head)}.relgrid img{width:100%;height:132px;object-fit:cover;display:block;border-bottom:1px solid var(--border)}.relgrid .cb{padding:16px 18px 20px}.relgrid .k{font:10.5px Roboto Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--body)}.relgrid h3{font-size:16.5px;line-height:1.35;margin:8px 0 0;font-weight:600}.endcta{background:var(--navy-900);border-radius:18px;padding:52px 48px;margin:56px 0 0;text-align:center}.endcta h2{font-size:32px;letter-spacing:-.02em;color:var(--navy-100);margin:0 0 10px}.endcta p{font-size:17px;line-height:1.6;color:var(--navy-200);max-width:520px;margin:0 auto 26px}.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.endcta .primary{background:var(--green-aa);color:#f9f9f9;font-size:15px;font-weight:600;padding:12px 26px;border-radius:8px;text-decoration:none}.endcta .primary:hover{background:var(--green)}.endcta .ghost{border:1px solid var(--navy-700);color:var(--navy-100);font-size:15px;font-weight:600;padding:12px 26px;border-radius:8px;text-decoration:none}.endcta .ghost:hover{border-color:var(--navy-400)}.endcta .bar{height:3px;width:120px;background:var(--gradient-brand);border-radius:99px;margin:34px auto 0}@media(max-width:1100px){.prose h2:before{position:static;display:block;margin-bottom:6px}}@media(max-width:1000px){.page{grid-template-columns:minmax(0,1fr)}.rail{display:none}}@media(max-width:600px){.endcta{padding:40px 22px}.share{margin-left:0}}@media(prefers-reduced-motion:reduce){.toc a,.relgrid a,.copy{transition:none}}