@charset "UTF-8";
:root{color-scheme:dark;--bg:#090b0d;--panel:#111416;--text:#f0f2f3;--muted:#a1a9ad;--mint:#c0e8df;--line:#292e32;--font:"SILORA Inter","SILORA Sans SC","Segoe UI Variable","PingFang SC","Microsoft YaHei UI",sans-serif;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.85 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:#c0e8df35}[hidden]{display:none!important}
.wrap{width:min(1248px,calc(100% - 96px));margin:auto}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:.16em}.brand img{width:25px;height:30px}.header-actions{display:flex;align-items:center;gap:26px;font-size:13px;color:var(--muted)}.header-actions a:hover{color:var(--text)}.language{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);font-size:12px;padding:8px 12px;min-height:40px}
.intro{padding:76px 0 52px;border-bottom:1px solid var(--line)}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.16em;color:var(--mint)}h1{font-size:clamp(34px,4.5vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.25;margin:22px 0}h2{font-size:26px;font-weight:550;letter-spacing:-.025em;line-height:1.4;margin:0 0 20px}h3{font-size:16px;font-weight:550;line-height:1.5;margin:0 0 10px}p{margin:0 0 16px}.intro p{max-width:760px;color:var(--muted);font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.tag{font:11px/1.5 var(--mono);letter-spacing:.03em;padding:6px 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}a.tag{color:var(--mint)}
.layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:64px;padding:48px 0 88px}.sidebar{align-self:start;position:sticky;top:30px}.sidebar-title{font:11px/1.5 var(--mono);color:#7f898f;letter-spacing:.1em;margin:0 0 18px 12px}.sidebar a{display:block;font-size:13px;color:var(--muted);padding:10px 12px;border-left:1px solid var(--line);transition:color .18s,background .18s}.sidebar a:hover{color:var(--text);background:#ffffff04}.sidebar a[aria-current="location"]{color:var(--mint);border-left-color:var(--mint);background:#c0e8df06}.content{min-width:0;max-width:820px}.section{padding:0 0 40px;margin:0 0 44px;border-bottom:1px solid var(--line)}.section:last-child{border:0;margin:0;padding:0}.section-intro,.note{color:var(--muted);overflow-wrap:anywhere}.section:focus{outline:none}.section:focus-visible>h2{outline:2px solid var(--mint);outline-offset:6px}
.step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;margin-top:28px}.step-num{width:28px;height:28px;border:1px solid var(--line);border-radius:6px;color:var(--mint);text-align:center;font:12px/27px var(--mono)}.step p,.note{font-size:14px}.codebox{border:1px solid #3b4348;border-radius:8px;background:#111619;overflow:hidden;margin:18px 0 12px}.codebox:focus-within{border-color:var(--mint)}.code-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid var(--line)}.code-label{display:flex;align-items:center;gap:9px;font:12px var(--mono);color:#b4c1c5}.ps-icon{width:18px;height:16px;flex:none}.copy{background:#c0e8df0c;border:1px solid #c0e8df24;border-radius:5px;color:var(--mint);min-height:36px;padding:5px 12px;font-size:12px;white-space:nowrap}.copy:hover,.copy[data-state="copied"]{background:#c0e8df1c}.codebox pre{margin:0;padding:20px;max-width:100%;font:13px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}.copy-status{color:var(--mint)!important;font-size:12px!important;min-height:22px;margin:0}.inline{font:13px var(--mono);padding:3px 6px;background:#1a2024;border-radius:4px;color:#d1dfe1;overflow-wrap:anywhere}.text-link{color:var(--mint);border-bottom:1px solid #c0e8df40}.download-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:18px;font-size:13px}
.identity-list{display:grid;margin:25px 0}.identity-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:17px;padding:23px 0;border-top:1px solid var(--line)}.identity-item:last-child{border-bottom:1px solid var(--line)}.identity-index{font:12px/1.8 var(--mono);color:var(--mint)}.identity-item p{font-size:14px;color:var(--muted);margin:0;overflow-wrap:anywhere}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:23px 0}.requirement{min-width:0;background:var(--panel);padding:24px}.requirement-label{font-size:12px;color:var(--muted);margin-bottom:10px}.requirement-value{font-size:15px;font-weight:500}.requirement-note{font-size:13px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}
.table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin}.table-scroll:focus-visible{outline:2px solid var(--mint);outline-offset:4px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:450;color:var(--muted);font-size:12px;background:#ffffff03;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{width:40%;white-space:nowrap}td code{color:#d0e2e1;font:13px var(--mono)}.state{padding:24px;border:1px solid #394447;border-left:2px solid var(--mint);border-radius:0 8px 8px 0;background:#111719}.state-label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--mint);margin-bottom:14px}.state-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}.state p{font-size:14px;color:#b5bdc0;margin:0}.state p+p{margin-top:14px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 30px 22px 0;font-size:15px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:5px;top:19px;font-size:20px;color:var(--muted)}details[open] summary:after{content:"−"}details p{font-size:14px;color:var(--muted);padding-right:20px;margin-bottom:22px}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 36px;color:#8a969c;font:12px/1.6 var(--mono)}.footer a{color:#cbd7dc}
.skip-link{position:fixed;top:-80px;left:20px;z-index:30;padding:12px 18px;background:var(--mint);color:#09110f;border-radius:4px}.skip-link:focus{top:14px}.copy-fallback{margin:8px 0 18px;padding:16px;border:1px solid #3d5050;border-radius:8px;background:#121a1c}.copy-fallback label{display:block;font-size:13px;color:var(--mint);margin-bottom:10px}.copy-fallback textarea{resize:none;width:100%;min-height:85px;border:1px solid var(--line);border-radius:5px;padding:12px;background:var(--bg);color:var(--text);font:13px/1.8 var(--mono)}.copy-fallback p{font-size:13px;margin:9px 0 0}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.header-actions{gap:18px}.intro{padding-top:56px}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 36px)}.header{height:72px}.header-actions{gap:14px}.back{display:none}.brand{font-size:17px;gap:9px}.brand img{width:22px;height:26px}.explorer-link{font-size:12px}.language{padding:7px 9px}.intro{padding:48px 0 32px}.intro p{font-size:14px}h1{font-size:34px}h2{font-size:23px}.layout{display:block;padding:0 0 52px}.sidebar{display:flex;position:sticky;top:0;z-index:5;gap:6px;white-space:nowrap;overflow-x:auto;margin:0 -18px 32px;padding:10px 18px;background:#090b0df5;border-bottom:1px solid var(--line);scrollbar-width:thin;backdrop-filter:blur(12px)}.sidebar-title{display:none}.sidebar a{flex:none;border-left:0;padding:8px 10px;font-size:12px;border-radius:4px}.requirements{grid-template-columns:1fr}.requirement{padding:20px}.step{grid-template-columns:25px minmax(0,1fr);gap:12px}.codebox pre{padding:17px 14px;font-size:12px}.code-head{padding:9px 12px}.section{margin-bottom:32px;padding-bottom:32px}.state{padding:20px}.footer{font-size:11px;flex-wrap:wrap}.tag{font-size:10px}td,th{padding:13px 10px}.intro .eyebrow{font-size:11px}.identity-item{grid-template-columns:25px minmax(0,1fr);gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Brand mark v10 retains a square aspect ratio at every breakpoint. */
.brand img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 10px #b9f5d522)}