.aab,.aab__label,.aab__link{max-width:100%}.aab{--aab-bg: transparent;--aab-fg: inherit;--aab-muted: #71717a;--aab-border: #e4e4e7;--aab-hover-bg: #f4f4f5;--aab-hover-border: #d4d4d8;--aab-muted: color-mix(in srgb, currentColor 62%, transparent);--aab-border: color-mix(in srgb, currentColor 16%, transparent);--aab-hover-bg: color-mix(in srgb, currentColor 8%, transparent);--aab-hover-border: color-mix(in srgb, currentColor 32%, transparent);--aab-radius: 14px;--aab-gap: .5rem;--aab-title-size: .95rem;--aab-label-size: .72rem;--aab-icon-size: 22px;--aab-icon-box: 44px;--aab-link-pad-x: .65rem;--aab-link-pad-y: .45rem;background:var(--aab-bg);color:var(--aab-fg);border-radius:var(--aab-radius);padding:1rem 1.25rem;width:fit-content;min-width:0;box-sizing:border-box;font-family:inherit;line-height:1.4;overflow-wrap:break-word}.aab *,.aab :after,.aab :before{box-sizing:inherit}.aab--align-left{text-align:left}.aab--align-start{text-align:start}.aab--align-center{text-align:center}.aab--align-end{text-align:end}.aab--align-right{text-align:right}.aab__header--left{text-align:left}.aab__header--start{text-align:start}.aab__header--center{text-align:center}.aab__header--end{text-align:end}.aab__header--right{text-align:right}.aab--auto{color-scheme:light dark}@media(prefers-color-scheme:dark){.aab--auto{--aab-border: color-mix(in srgb, currentColor 22%, transparent);--aab-hover-bg: color-mix(in srgb, currentColor 12%, transparent) }}.aab--dark{color-scheme:dark}.aab--light{color-scheme:light}.aab__header{margin-bottom:.75rem}.aab__title{margin:0;font-size:var(--aab-title-size);font-weight:600;letter-spacing:.01em;overflow-wrap:anywhere;text-wrap:balance}.aab__spark{opacity:.7}.aab__subtitle{margin:.25rem 0 0;font-size:.8rem;color:var(--aab-muted)}.aab__link,.aab__link:hover .aab__label{color:inherit}.aab__nav{width:100%;min-width:0}.aab__list{list-style:none;margin:0;padding:0;display:flex;gap:var(--aab-gap);flex-wrap:wrap;min-width:0}.aab--align-center .aab__list{justify-content:center}.aab--align-left .aab__list{justify-content:flex-start}.aab--align-start .aab__list{justify-content:start}.aab--align-right .aab__list{justify-content:flex-end}.aab--align-end .aab__list{justify-content:end}.aab--align-left:not(.aab--bordered) .aab__item:first-child .aab__link,.aab--align-start:not(.aab--bordered) .aab__item:first-child .aab__link{padding-left:0;border-top-left-radius:6px;border-bottom-left-radius:6px}.aab--align-end:not(.aab--bordered) .aab__item:last-child .aab__link,.aab--align-right:not(.aab--bordered) .aab__item:last-child .aab__link{padding-right:0;border-top-right-radius:6px;border-bottom-right-radius:6px}.aab--row .aab__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.aab--row .aab__item{flex:0 0 auto}.aab--row.aab--align-left .aab__list,.aab--row.aab--align-start .aab__list{justify-content:start}.aab--row.aab--align-center .aab__list{justify-content:safe center}.aab--row.aab--align-end .aab__list,.aab--row.aab--align-right .aab__list{justify-content:safe end}.aab--row.aab--align-left:not(.aab--bordered) .aab__item:first-child .aab__link,.aab--row.aab--align-start:not(.aab--bordered) .aab__item:first-child .aab__link{padding-left:0}.aab--row.aab--align-end:not(.aab--bordered) .aab__item:last-child .aab__link,.aab--row.aab--align-right:not(.aab--bordered) .aab__item:last-child .aab__link{padding-right:0}.aab--grid .aab__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(76px,100%),1fr))}.aab--compact{padding:.5rem 0}.aab--compact .aab__header{margin-bottom:.4rem}.aab__item{margin:0;padding:0;min-width:0}.aab__link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;min-width:auto;padding:var(--aab-link-pad-y) var(--aab-link-pad-x);border:1px solid transparent;border-radius:12px;text-decoration:none;background:0 0;transition:background .15s,border-color .15s,transform .15s}.aab--bordered .aab__link{border-color:var(--aab-border)}.aab__link:hover{background:var(--aab-hover-bg);transform:translateY(-1px)}.aab--bordered .aab__link:hover{border-color:var(--aab-hover-border)}.aab--label-right .aab__link,.aab--label-side .aab__link{flex-direction:row;align-items:center;gap:.45rem;min-width:auto;padding:var(--aab-link-pad-y) var(--aab-link-pad-x)}.aab--label-right .aab__label,.aab--label-side .aab__label{max-width:none;white-space:nowrap;text-align:left}.aab__link:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.aab__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;opacity:.92;overflow:hidden;flex:0 0 auto}.aab__icon img,.aab__icon svg{display:block;width:100%;height:100%}.aab__label{font-size:var(--aab-label-size);color:var(--aab-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aab--sm{--aab-icon-box: 38px;--aab-icon-size: 18px;--aab-title-size: .85rem;--aab-label-size: .66rem;--aab-link-pad-x: .5rem;--aab-link-pad-y: .35rem }.aab--md{--aab-icon-box: 44px;--aab-icon-size: 22px;--aab-link-pad-x: .65rem;--aab-link-pad-y: .45rem }.aab--lg{--aab-icon-box: 56px;--aab-icon-size: 26px;--aab-title-size: 1.05rem;--aab-label-size: .78rem;--aab-link-pad-x: .8rem;--aab-link-pad-y: .55rem }.aab__disclaimer,.aab__hint{margin:.6rem 0 0;font-size:.7rem;color:var(--aab-muted)}.aab__hint{font-weight:600}@media(prefers-reduced-motion:reduce){.aab__link{transition:none}.aab__link:hover{transform:none}}@media(max-width:380px){.aab{padding:.75rem .5rem;--aab-gap: .35rem;--aab-icon-box: 40px;--aab-link-pad-x: .5rem;--aab-link-pad-y: .35rem }}*,*:before,*:after{box-sizing:border-box}html,body{margin:0!important;padding:0!important;width:100%;min-height:100%;border:0!important;outline:0!important}body{background:#f5f5f7;overflow-x:hidden}body:has(.p2--dark){background:#0e0e14}#root{margin:0;padding:0;width:100%;min-height:100vh}.p2{--bg: #f5f5f7;--bg-subtle: #ebebef;--card: rgba(255, 255, 255, .72);--card-solid: #ffffff;--fg: #1a1a2e;--fg-secondary: #555570;--muted: #8888a0;--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .1);--accent: #6c5ce7;--accent-soft: rgba(108, 92, 231, .1);--accent-fg: #ffffff;--accent-grad: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--codebg: #1e1e2e;--codefg: #cdd6f4;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08);margin:0;padding:0;border:0;width:100%;min-height:100vh;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.p2--dark{--bg: #0e0e14;--bg-subtle: #16161e;--card: rgba(26, 26, 38, .72);--card-solid: #1a1a26;--fg: #eeeef5;--fg-secondary: #a0a0b8;--muted: #6e6e88;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--accent: #a29bfe;--accent-soft: rgba(162, 155, 254, .12);--accent-fg: #0e0e14;--accent-grad: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);--codebg: #12121a;--codefg: #cdd6f4}.p2-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.5rem;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);flex-wrap:wrap}.p2-brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.02rem;color:inherit;text-decoration:none;letter-spacing:-.02em;transition:opacity .2s ease}.p2-brand-icon{width:28px;height:28px;border-radius:7px;display:block;flex-shrink:0;box-shadow:0 2px 10px #6366f159;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.p2-brand:hover .p2-brand-icon{transform:scale(1.1) rotate(4deg);box-shadow:0 4px 18px #38bdf88c}.p2-brand span{color:var(--accent)}.p2-brand-group{display:flex;align-items:center;gap:.75rem}.p2-creator-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;font-size:.72rem;color:var(--fg-secondary);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:999px;text-decoration:none;transition:all .25s ease;line-height:1}.p2-creator-pill strong{color:var(--accent);font-weight:700}.p2-creator-pill:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 3px 12px #6c5ce740;color:var(--fg)}.p2-creator-sparkle{font-size:.75rem;display:inline-block;animation:p2-sparkle 2.4s ease-in-out infinite alternate}@keyframes p2-sparkle{0%{transform:scale(.9) rotate(-6deg)}to{transform:scale(1.15) rotate(6deg)}}.p2-nav-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.p2-nav-right a{color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:600;transition:color .2s;padding:.3rem .5rem;border-radius:8px}.p2-nav-right a:hover{color:var(--fg);background:var(--accent-soft)}.p2-npm-nav{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .65rem;border-radius:8px;border:1px solid var(--border-strong);background:var(--card);transition:all .25s ease;text-decoration:none;line-height:1}.p2-npm-nav:hover{border-color:#cb383773;background:#cb383714;box-shadow:0 2px 10px #cb383726}.p2-npm-logo{height:12px;width:auto;display:block;flex-shrink:0}.p2-npm-ver{font-size:.72rem;font-weight:700;color:var(--muted);font-family:ui-monospace,SF Mono,monospace;transition:color .2s}.p2-npm-nav:hover .p2-npm-ver{color:var(--fg)}.p2-github-nav:hover{border-color:color-mix(in srgb,var(--fg) 45%,transparent);background:color-mix(in srgb,var(--fg) 8%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--fg) 15%,transparent)}.p2-github-logo{height:14px;width:auto;display:block;flex-shrink:0}.p2-seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;padding:2px;gap:2px;background:var(--card)}.p2-seg button{border:0;background:transparent;color:var(--muted);font-size:.7rem;font-weight:700;padding:.28rem .6rem;border-radius:999px;cursor:pointer;transition:all .2s ease;font-family:inherit}.p2-seg button.on{background:var(--accent-grad);color:var(--accent-fg);box-shadow:0 2px 8px #6c5ce74d}.p2-iconbtn{border:1px solid var(--border-strong);background:var(--card);color:var(--fg);border-radius:999px;width:2rem;height:2rem;cursor:pointer;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.p2-iconbtn:hover{border-color:var(--accent);background:var(--accent-soft)}.p2-hero{text-align:center;padding:5rem 1.5rem 3.5rem;max-width:800px;margin:0 auto}.p2-eyebrow{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;padding:.3rem 1rem;margin:0 0 1.5rem}.p2-hero h1{margin:0;font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.06;letter-spacing:-.04em;font-weight:900}.p2-hero h1 .p2-grad{background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.p2-sub{color:var(--fg-secondary);font-size:clamp(.95rem,1.8vw,1.1rem);max-width:540px;margin:1.25rem auto 0;line-height:1.6}.p2-cta{display:flex;gap:.6rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.p2-btn{display:inline-flex;align-items:center;gap:.45rem;border:none;background:var(--accent-grad);color:var(--accent-fg);font-weight:700;font-size:.88rem;border-radius:12px;padding:.7rem 1.4rem;cursor:pointer;text-decoration:none;font-family:inherit;box-shadow:0 3px 12px #6c5ce740;transition:all .25s ease}.p2-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce759}.p2-btn code{font-family:ui-monospace,SF Mono,monospace;font-size:.85em}.p2-btn--ghost{background:var(--card);color:var(--fg);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.p2-btn--ghost:hover{border-color:var(--accent);box-shadow:0 4px 12px #6c5ce726}.p2-btn--agent{background:#0d1117;color:#e6edf3;border:1px solid rgba(162,155,254,.45);box-shadow:0 3px 12px #00000040,inset 0 1px #ffffff14}.p2-btn--agent:hover{color:#fff;border-color:#a29bfed9;box-shadow:0 6px 20px #6c5ce766,inset 0 1px #ffffff1f}.p2-btn--agent.copied{color:#4ade80;border-color:#4ade8099}.p2-btn--sm{padding:.3rem .65rem;font-size:.75rem;border-radius:8px;box-shadow:none}.p2-chips{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.p2-chips span{font-size:.72rem;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem}.p2-chip-creator{font-size:.72rem;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:.3rem .85rem;text-decoration:none;transition:all .25s ease;display:inline-flex;align-items:center;gap:.3rem}.p2-chip-creator strong{font-weight:700}.p2-chip-creator:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)!important;transform:translateY(-1px);box-shadow:0 4px 14px #6c5ce759}.p2-chip-creator:hover strong{color:var(--accent-fg)!important}.p2-terminal-wrapper{margin:2.2rem auto 1.75rem;max-width:540px;width:100%;position:relative}.p2-terminal-wrapper:before{content:"";position:absolute;inset:-1px;border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(108,92,231,.3),transparent 70%);filter:blur(14px);opacity:.55;z-index:0;pointer-events:none;transition:opacity .3s ease}.p2-terminal-wrapper:hover:before{opacity:.85}.p2-terminal{position:relative;z-index:1;background:#0d1117;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 45px -10px #00000080,0 1px 3px #00000059,inset 0 1px #ffffff1a;overflow:hidden;text-align:left;transition:all .3s cubic-bezier(.16,1,.3,1)}.p2-terminal:hover{border-color:#a29bfe59;box-shadow:0 24px 50px -10px #0009,0 0 25px #6c5ce733,inset 0 1px #ffffff26}.p2-terminal-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#161b22e6;border-bottom:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.5rem}.p2-terminal-dots{display:flex;align-items:center;gap:7px;flex-shrink:0}.p2-tdot{width:11px;height:11px;border-radius:50%;display:inline-block}.p2-tdot-close{background:#ff5f56;border:1px solid rgba(224,68,62,.6);box-shadow:inset 0 1px 1px #ffffff4d}.p2-tdot-min{background:#ffbd2e;border:1px solid rgba(222,161,35,.6);box-shadow:inset 0 1px 1px #ffffff4d}.p2-tdot-max{background:#27c93f;border:1px solid rgba(26,171,42,.6);box-shadow:inset 0 1px 1px #ffffff4d}.p2-terminal-tabs{display:flex;align-items:center;gap:3px;background:#0d1117a6;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:2px}.p2-terminal-tab{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;color:#8b949e;font-size:.73rem;font-weight:700;font-family:inherit;padding:.22rem .62rem;border-radius:999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.p2-tab-dot{width:6px;height:6px;border-radius:50%;background:#484f58;transition:all .2s ease}.p2-terminal-tab:hover{color:#f0f6fc;background:#ffffff0d}.p2-terminal-tab:hover .p2-tab-dot{background:var(--tab-color)}.p2-terminal-tab.active{color:#fff;background:var(--tab-bg);border-color:color-mix(in srgb,var(--tab-color) 45%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--tab-color) 25%,transparent)}.p2-terminal-tab.active .p2-tab-dot{background:var(--tab-color);box-shadow:0 0 6px var(--tab-color)}.p2-terminal-copy-btn{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c9d1d9;font-size:.72rem;font-weight:600;font-family:inherit;padding:.3rem .65rem;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.p2-terminal-copy-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.p2-terminal-copy-btn.copied{background:#27c93f26;border-color:#27c93f66;color:#4ade80}.p2-ticon{width:13px;height:13px}.p2-terminal-body{padding:1.1rem 1.35rem;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .2s ease;position:relative}.p2-terminal-body:hover{background:#ffffff05}.p2-terminal-line{display:flex;align-items:center;gap:.65rem;font-size:.95rem;line-height:1.4;flex-wrap:wrap}.p2-t-path{color:#818cf8;font-weight:600}.p2-t-prompt{color:#34d399;font-weight:800}.p2-t-cmd{font-weight:700;letter-spacing:-.01em;transition:color .2s ease}.p2-t-arg{color:#38bdf8;font-weight:500}.p2-t-pkg{color:#f1f5f9;font-weight:600}.p2-t-cursor{display:inline-block;width:7px;height:1.15em;background:#a29bfe;box-shadow:0 0 8px #a29bfe;border-radius:2px;vertical-align:middle;animation:p2-cursor-blink 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes p2-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.p2-t-hint{font-size:.72rem;color:#64748b;font-family:Inter,system-ui,sans-serif;opacity:0;transition:opacity .2s ease;flex-shrink:0;-webkit-user-select:none;user-select:none}.p2-terminal:hover .p2-t-hint{opacity:.9}.p2-section{max-width:1080px;margin:0 auto;padding:3rem 1.5rem}.p2-section>h2{margin:.75rem 0 0;font-size:clamp(1.5rem,3.2vw,2.2rem);letter-spacing:-.03em;font-weight:800}.p2-section>.p2-sub{margin:.5rem 0 0}.p2-try{display:grid;grid-template-columns:300px 1fr;gap:1.25rem;margin-top:1.75rem;align-items:start}.p2-controls{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:0;box-shadow:var(--shadow-md);overflow:hidden}.p2-ctrl-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.p2-ctrl-tabs button{flex:1;border:none;background:transparent;color:var(--muted);font-size:.72rem;font-weight:700;font-family:inherit;padding:.65rem .5rem;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:all .2s ease;position:relative}.p2-ctrl-tabs button.on{color:var(--accent);background:var(--card)}.p2-ctrl-tabs button.on:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent-grad);border-radius:2px 2px 0 0}.p2-ctrl-body{padding:1rem;animation:p2-fadeIn .2s ease}@keyframes p2-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.p2-controls h3{margin:.8rem 0 .45rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.p2-controls h3:first-child{margin-top:0}.p2-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;margin-bottom:.5rem;color:var(--fg-secondary)}.p2-controls input,.p2-controls textarea,.p2-controls select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.48rem .6rem;font-size:.82rem;font-family:inherit;background:var(--bg);color:var(--fg);width:100%;font-weight:400;transition:border-color .2s,box-shadow .2s;outline:none}.p2-controls input:focus,.p2-controls textarea:focus,.p2-controls select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.p2-provs{display:flex;flex-wrap:wrap;gap:.35rem}.p2-prov{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:.3rem;font-size:.73rem!important;font-weight:600;border:1px solid var(--border-strong);border-radius:999px;padding:.28rem .65rem;margin:0!important;cursor:pointer;opacity:.45;transition:all .2s ease;background:transparent}.p2-prov:hover{opacity:.7;border-color:var(--muted)}.p2-prov.on{opacity:1;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.p2-prov input{accent-color:var(--accent);width:auto!important}.p2-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .5rem}.p2-details{margin:.35rem 0;font-size:.78rem}.p2-details summary{cursor:pointer;font-weight:600;color:var(--muted);font-size:.72rem;transition:color .2s}.p2-details summary:hover{color:var(--accent)}.p2-flags{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin:.5rem 0}.p2-check{display:flex!important;flex-direction:row!important;align-items:center;gap:.35rem;font-size:.73rem!important;font-weight:500;margin:0!important;cursor:pointer;color:var(--fg-secondary);padding:.2rem .4rem;border-radius:6px;transition:background .15s}.p2-check:hover{background:var(--accent-soft)}.p2-check input{accent-color:var(--accent);width:auto!important}.p2-resolved{font-size:.7rem;color:var(--muted);word-break:break-word;border-top:1px solid var(--border);padding-top:.6rem;margin-top:.5rem;line-height:1.5}.p2-resolved strong{color:var(--fg-secondary)}.p2-stage{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-width:0;box-shadow:var(--shadow-lg)}.p2-stage-bar{display:flex;align-items:center;gap:.75rem;padding:.55rem .9rem;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.p2-dots{display:inline-flex;gap:5px}.p2-dots i{width:10px;height:10px;border-radius:50%;display:block}.p2-dots i:nth-child(1){background:#ff6b6b}.p2-dots i:nth-child(2){background:#ffd93d}.p2-dots i:nth-child(3){background:#6bcb77}.p2-stage-name{margin-left:auto;font-size:.7rem;color:var(--muted);font-weight:600}.p2-showcase{padding:2.5rem 1rem;text-align:center;transition:max-width .3s ease;overflow:hidden}.p2-kicker{font-size:.72rem;letter-spacing:.1em;color:var(--muted);margin:0;word-break:break-all}.p2-product{margin:.5rem 0 0;font-size:clamp(1.8rem,6vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;overflow-wrap:anywhere}.p2-desc{color:var(--fg-secondary);max-width:480px;margin:.8rem auto 0;font-size:.95rem}.p2-badgebox{margin-top:1.5rem;border-top:1px dashed var(--border-strong);padding-top:.5rem;display:flex;justify-content:center}.p2-realfooter{margin-top:1.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.5rem 1.5rem 1rem;box-shadow:var(--shadow-md)}.p2-realfooter-badge{border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:1.25rem}.p2-realfooter-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.p2-realfooter-cols h4{margin:0 0 .5rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.p2-realfooter-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.p2-realfooter-cols a{color:var(--fg-secondary);text-decoration:none;font-size:.82rem;transition:color .2s}.p2-realfooter-cols a:hover{color:var(--accent)}.p2-realfooter-bottom{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:1.25rem;padding-top:.8rem;font-size:.72rem;color:var(--muted)}.p2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.75rem}.p2-step{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;gap:.7rem;align-items:flex-start;box-shadow:var(--shadow-sm);transition:all .25s ease}.p2-step:hover{border-color:var(--accent);box-shadow:0 4px 16px #6c5ce71f;transform:translateY(-2px)}.p2-step span{flex:0 0 auto;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--accent-grad);color:var(--accent-fg);font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;box-shadow:0 2px 8px #6c5ce740}.p2-step h4{margin:0;font-size:.88rem;font-weight:700}.p2-step p{margin:.15rem 0 .4rem;font-size:.76rem;color:var(--muted)}.p2-step code,.p2-card code{font-family:ui-monospace,SF Mono,monospace;font-size:.72rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:.25rem .5rem;display:inline-block;word-break:break-all}.p2-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.75rem 0 2.5rem}.p2-step-term{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;box-shadow:0 12px 32px -8px #00000073,inset 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);position:relative}.p2-step-term:hover{transform:translateY(-3px);border-color:#a29bfe66;box-shadow:0 18px 40px -8px #0009,0 0 20px #6c5ce733,inset 0 1px #ffffff26}.p2-step-term-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:#161b22f2;border-bottom:1px solid rgba(255,255,255,.06);gap:.5rem}.p2-step-dots{display:flex;align-items:center;gap:6px;flex-shrink:0}.p2-step-dots .p2-tdot{width:9px;height:9px}.p2-step-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#c9d1d9}.p2-step-num{background:var(--accent-soft);color:var(--accent);padding:1px 6px;border-radius:999px;font-size:.65rem;font-family:ui-monospace,monospace;font-weight:800}.p2-step-copy{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8b949e;border-radius:6px;padding:2px 7px;font-size:.72rem;font-family:inherit;cursor:pointer;transition:all .2s;flex-shrink:0}.p2-step-copy:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.p2-step-copy.copied{color:#4ade80;background:#27c93f2e;border-color:#27c93f66}.p2-step-term-body{padding:1rem 1.15rem;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.6;display:flex;flex-direction:column;justify-content:space-between;flex:1}.p2-step-desc{margin:1rem 0 0;padding-top:.65rem;border-top:1px dashed rgba(255,255,255,.08);font-family:Inter,system-ui,sans-serif;font-size:.72rem;color:#8b949e}.p2-syntax-kw{color:#ff7b72;font-weight:600}.p2-syntax-comp{color:#7ee787;font-weight:700}.p2-syntax-str{color:#a5d6ff}.p2-syntax-prop{color:#79c0ff}.p2-syntax-tag{color:#7ee787;font-weight:600}.p2-syntax-brace{color:#e6edf3}.p2-grid2col{display:grid;grid-template-columns:1fr;gap:0;margin-top:1rem;align-items:start}.p2-card{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;min-width:0;box-shadow:var(--shadow-sm)}.p2-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.p2-card h3{margin:0;font-size:.88rem;font-weight:700}.p2-output-tabs{display:flex;gap:0;margin-bottom:.75rem;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;background:var(--bg-subtle)}.p2-output-tabs button{flex:1;border:none;background:transparent;color:var(--muted);font-size:.75rem;font-weight:700;font-family:inherit;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease}.p2-output-tabs button.on{background:var(--card-solid);color:var(--accent);box-shadow:var(--shadow-sm)}.p2-code{background:var(--codebg);color:var(--codefg);border-radius:var(--radius-sm);padding:.8rem .9rem;font-size:.72rem;font-family:ui-monospace,SF Mono,monospace;overflow-x:auto;margin:0;white-space:pre;line-height:1.6}.p2-code--wrap{white-space:pre-wrap;word-break:break-word;font-size:.8rem;line-height:1.65;border:1px solid rgba(162,155,254,.25)}@media(max-width:560px){.p2-output-tabs button{font-size:.68rem;padding:.5rem .4rem}}.p2-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.p2-links li{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .65rem;display:flex;flex-direction:column;gap:.2rem;transition:border-color .2s}.p2-links li:hover{border-color:var(--accent)}.p2-links strong{font-size:.78rem}.p2-links strong em{font-style:normal;font-weight:400;color:var(--muted);font-size:.68rem}.p2-links code{word-break:break-all}.p2-links-actions{display:flex;gap:.6rem;align-items:center;font-size:.75rem}.p2-links-actions a{color:var(--accent);font-weight:700;text-decoration:none;transition:opacity .2s}.p2-links-actions a:hover{opacity:.7}.p2-links-actions button{border:1px solid var(--border-strong);background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:.2rem .55rem;font-size:.72rem;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s}.p2-links-actions button:hover{background:var(--accent);color:var(--accent-fg)}.p2-muted{color:var(--muted);font-size:.82rem}.p2-mini{text-align:center;padding:2rem 1rem 2.5rem;color:var(--muted);font-size:.78rem}.p2-mini-links{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.p2-npm-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-secondary);text-decoration:none;font-weight:600;font-size:.8rem;padding:.35rem .75rem;border-radius:8px;border:1px solid var(--border-strong);background:var(--card);transition:all .25s ease;line-height:1}.p2-npm-link:hover{border-color:#cb383773;background:#cb383714;color:#cb3837;box-shadow:0 2px 10px #cb383726}.p2-npm-link .p2-npm-logo{height:14px;width:auto}.p2-github-link:hover{border-color:color-mix(in srgb,var(--fg) 45%,transparent);background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg);box-shadow:0 2px 10px color-mix(in srgb,var(--fg) 15%,transparent)}.p2-github-logo-mini{height:16px;width:auto}.p2-mini-creator{font-size:.8rem;color:var(--muted)}.p2-creator-link{color:var(--accent);font-weight:700;text-decoration:none;transition:all .2s;border-bottom:1px dashed color-mix(in srgb,var(--accent) 50%,transparent)}.p2-creator-link:hover{color:var(--fg);border-bottom-color:var(--accent)}.p2-mini-sep{color:var(--border-strong);font-size:.85rem}.p2-colors-details summary{display:flex;justify-content:space-between;align-items:center}.p2-color-reset{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:6px;font-size:.65rem;font-weight:600;padding:.15rem .4rem;cursor:pointer;transition:all .2s;font-family:inherit}.p2-color-reset:hover{background:var(--accent);color:var(--accent-fg)}.p2-color-grid{display:flex;flex-direction:column;gap:.6rem;margin-top:.8rem}.p2-color-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem}.p2-color-label{color:var(--fg-secondary);font-weight:500}.p2-color-inputs{display:flex;align-items:center;gap:.3rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:.2rem;transition:border-color .2s}.p2-color-inputs:focus-within{border-color:var(--accent)}.p2-color-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:none;padding:0;border-radius:4px;cursor:pointer;background:none;flex-shrink:0}.p2-color-swatch::-webkit-color-swatch-wrapper{padding:0}.p2-color-swatch::-webkit-color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:4px}.p2-color-swatch::-moz-color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:4px}.p2-color-text{border:none;background:transparent;width:75px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:var(--fg);padding:0 .2rem;outline:none}.p2-color-text::placeholder{color:var(--muted)}.p2-color-clear{background:none;border:none;color:var(--muted);font-size:.7rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.p2-color-clear:hover{background:var(--border);color:var(--fg)}@media(max-width:960px){.p2-try,.p2-steps-grid,.p2-grid2col{grid-template-columns:1fr}.p2-realfooter-cols{grid-template-columns:1fr 1fr}.p2-hero{padding:3rem 1.25rem 2.5rem}}@media(max-width:560px){.p2-nav-right a:not(.p2-npm-nav){display:none}.p2-showcase{padding:1.5rem .5rem}.p2-realfooter-cols{grid-template-columns:1fr 1fr}.p2-terminal-wrapper{margin:1.5rem auto 1.25rem}.p2-terminal-bar{padding:.5rem .75rem;gap:.4rem}.p2-terminal-dots{display:none}.p2-terminal-tab{padding:.2rem .5rem;font-size:.68rem;gap:4px}.p2-terminal-body{padding:.9rem 1rem}.p2-terminal-line{font-size:.85rem;gap:.45rem}.p2-t-hint{display:none}}.p2-showcase[data-stage="320"]{padding:1.25rem .25rem}.p2-showcase[data-stage="480"]{padding:2rem .75rem}.p2-hero{position:relative;overflow:hidden}.p2-hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(70px);animation:p2-orb-pulse 6s ease-in-out infinite alternate}.p2-hero-orb--1{width:420px;height:420px;top:-80px;left:-100px;background:radial-gradient(circle,rgba(108,92,231,.18) 0%,transparent 70%);animation-delay:0s}.p2-hero-orb--2{width:350px;height:350px;top:-60px;right:-80px;background:radial-gradient(circle,rgba(56,189,248,.14) 0%,transparent 70%);animation-delay:-3s}@keyframes p2-orb-pulse{0%{transform:scale(1) translateY(0);opacity:.6}to{transform:scale(1.12) translateY(-20px);opacity:1}}.p2-hero>*:not(.p2-hero-orb){position:relative;z-index:1}.p2-eyebrow-wrap{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 1.75rem}.p2-eyebrow-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);animation:p2-star-spin 4s ease-in-out infinite alternate}@keyframes p2-star-spin{0%{transform:rotate(-8deg) scale(.9)}to{transform:rotate(8deg) scale(1.15)}}.p2-eyebrow-wrap .p2-eyebrow{margin:0}.p2-hero-title-wrap{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.p2-hero-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px}.p2-hero-icon{width:72px;height:72px;border-radius:20px;box-shadow:0 4px 24px #6c5ce766,0 1px 4px #0003;position:relative;z-index:1;animation:p2-icon-float 3.5s ease-in-out infinite alternate;transition:transform .3s ease,box-shadow .3s ease}.p2-hero-icon:hover{transform:scale(1.08) rotate(4deg);box-shadow:0 8px 32px #6c5ce78c,0 2px 8px #0003}.p2-hero-icon-glow{position:absolute;inset:-8px;border-radius:28px;background:radial-gradient(circle,rgba(108,92,231,.35) 0%,rgba(56,189,248,.2) 50%,transparent 70%);filter:blur(12px);z-index:0;animation:p2-glow-pulse 3.5s ease-in-out infinite alternate}@keyframes p2-icon-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes p2-glow-pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}.p2-hero h1{font-size:clamp(2.8rem,7vw,4.8rem)!important;line-height:1.04!important;letter-spacing:-.05em!important}.p2-h1-normal{color:var(--fg)}.p2-h1-grad{font-size:1.08em;display:inline-block}.p2-sub--hero{font-size:clamp(1rem,2vw,1.18rem)!important;max-width:560px!important;color:var(--fg-secondary)}.p2-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;border-radius:999px;padding:.35rem .9rem;border:1px solid transparent;transition:all .25s ease}.p2-chip:hover{transform:translateY(-1px)}.p2-chip--green{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.p2-chip--green:hover{background:#22c55e2e;box-shadow:0 3px 12px #22c55e40}.p2-chip--purple{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.p2-chip--purple:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 3px 12px #6c5ce740}.p2-chip--blue{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.p2-chip--blue:hover{background:#38bdf82e;box-shadow:0 3px 12px #38bdf840}.p2--dark .p2-chip--green{color:#4ade80;background:#4ade801a;border-color:#4ade8040}.p2--dark .p2-chip--blue{color:#7dd3fc;background:#7dd3fc1a;border-color:#7dd3fc40}@media(max-width:560px){.p2-hero-icon{width:56px;height:56px;border-radius:15px}.p2-hero-icon-wrap{width:64px;height:64px}}.p2-nav-right a.p2-bmc-nav{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;color:#201503!important;background:linear-gradient(135deg,#fd0,#ffb800);border:1px solid rgba(146,90,0,.35);box-shadow:0 2px 10px #ffb80059,inset 0 1px #ffffff8c;text-shadow:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.p2-nav-right a.p2-bmc-nav:hover{color:#201503!important;background:linear-gradient(135deg,#ffe433,#ffc400);transform:translateY(-1px);box-shadow:0 5px 18px #ffb80080,inset 0 1px #fff9}.p2-nav-right a.p2-bmc-nav:active{transform:translateY(0) scale(.98)}.p2-bmc-icon{font-size:.95rem;line-height:1;display:inline-block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.p2-bmc-nav:hover .p2-bmc-icon,.p2-bmc-footer:hover .p2-bmc-icon{transform:rotate(-12deg) scale(1.2)}.p2-bmc-nav-label{font-size:.78rem;color:inherit}@media(max-width:680px){.p2-bmc-nav-label{display:none}.p2-nav-right a.p2-bmc-nav{padding:6px 10px}}.p2-bmc-footer{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:#201503!important;background:linear-gradient(135deg,#fd0,#ffb800);border:1px solid rgba(146,90,0,.35);border-radius:999px;padding:.3rem .8rem;text-decoration:none;text-shadow:none;box-shadow:0 2px 10px #ffb8004d,inset 0 1px #ffffff8c;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.p2-bmc-footer:hover{color:#201503!important;filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 16px #ffb80073,inset 0 1px #fff9}.p2--dark .p2-bmc-footer,.p2--dark .p2-bmc-footer:hover{color:#201503!important}