@layer vh-base,vh-part;@layer vh-part{.pb-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero.pb-hero{padding-block:20px 28px;border-bottom:1px solid var(--border-strong)}.hero.pb-hero .eyebrow{display:flex;justify-content:space-between;gap:16px;font-size:.7rem}.pb-hero .eyebrow span{color:var(--accent);font-family:var(--font-mono);letter-spacing:0}.hero.pb-hero h1{font-size:clamp(32px,4.6vw,60px);word-break:auto-phrase;margin-bottom:16px;animation:browse-ink .65s cubic-bezier(.2,.8,.25,1) both}.hero.pb-hero .sub{max-width:66ch;margin-bottom:24px;font-size:.95rem}.pb-hero-foot{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.pb-hero-foot .license-hub{margin:0;flex:1}.browse-flow[data-intro=skip] .pb-hero h1{animation:none}.browse-flow .section.pb{margin-top:28px}.pb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px;align-items:start}.pb-current{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--bg-elev);border:1px solid var(--border-strong);border-left:3px solid var(--accent)}.pb-kicker{display:block;font-size:.65rem;line-height:1.7;color:var(--fg-muted);font-family:var(--font-mono)}.pb-current p{margin:4px 0 0;font-weight:700;font-size:.95rem;overflow-wrap:anywhere}.pb-current a{display:inline-flex;flex:none;align-items:center;gap:24px;min-height:44px;padding:10px 14px;border:1px solid var(--accent);color:var(--accent);font-size:.8rem;font-weight:700;text-decoration:none}.pb-current a:hover{background:var(--accent);color:var(--fg-inverse)}.pb-form{display:grid;gap:28px}.pb-group{margin:0;padding:0 0 24px;border:0;border-bottom:1px solid var(--border-strong);min-width:0;scroll-margin-top:calc(var(--header-offset) + 110px)}.pb-group legend{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:0;font-weight:700;font-size:1.1rem;color:var(--fg)}.pb-step{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--accent);color:var(--fg-inverse);font:600 .75rem/1 var(--font-mono);clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.pb-help{margin:0 0 16px;color:var(--fg-muted);font-size:.8rem;line-height:1.8}.pb-pills{display:flex;flex-wrap:wrap;gap:8px}.pb-pill{position:relative;display:inline-flex;min-width:0;max-width:100%}.pb-pill input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.pb-pill>span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:3px;font-size:.8rem;line-height:1.5;color:var(--fg-muted);background:var(--bg-elev);transition:color .15s,border-color .15s,background-color .15s}.pb-pill:hover>span{color:var(--fg);border-color:var(--fg-muted)}.pb-pill input:checked+span{color:var(--fg-inverse);background:var(--accent);border-color:var(--accent);font-weight:700}.pb-pill input:checked+span:after{content:"✓";font-size:.7rem}.pb-pill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.pb-swatch{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);box-shadow:0 0 0 1px #ffffff40;flex:none}.pb-row{display:grid;gap:20px}.pb-field{display:grid;gap:8px;font-size:.85rem;color:var(--fg-muted)}.pb-field input[type=text]{width:100%;min-height:48px;padding:12px;border:1px solid var(--border-strong);border-radius:3px;background:var(--bg-inset);color:var(--fg);font:inherit;font-size:1rem}.pb-field small{font-size:.72rem;line-height:1.8}.pb-field input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pb-out{position:sticky;top:var(--header-offset);min-width:0;border:1px solid var(--border-strong);border-top:3px solid var(--signal);border-radius:3px;background:var(--bg-inset);overflow:hidden;scroll-margin-top:calc(var(--header-offset) + 110px)}.pb-out:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.pb-result-meta{padding:20px 20px 0}.pb-result-meta h2{margin:8px 0;font-size:clamp(20px,2vw,28px);line-height:1.4;overflow-wrap:anywhere}.pb-result-meta>p{margin:0 0 16px;color:var(--fg-muted);font-size:.75rem}.pb-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding-bottom:14px}.pb-palette>span{display:block;height:7px;background:var(--pb-color);position:relative;border:1px solid #ffffff25}.pb-palette>span>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pb-out-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-block:1px solid var(--border);background:var(--bg-elev)}.pb-out-title{margin:0;font-size:.75rem;color:var(--signal)}.pb-copy{flex:none;min-height:44px;min-width:104px;padding:10px 14px;border:0;border-radius:3px;background:var(--signal);color:var(--fg-inverse);font:700 .8rem/1.5 var(--font-body);cursor:pointer}.pb-copy:disabled{cursor:default}.pb-copy:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.pb[data-copy=done] .pb-copy{animation:pb-seal .28s ease-out both}.browse-flow[data-motion=off] .pb-copy{animation:none}@keyframes pb-seal{0%{transform:rotate(-5deg) scale(1.08)}to{transform:none}}.pb-pre{margin:0;padding:20px;max-height:min(32svh,360px);min-height:180px;overflow:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;font:400 .85rem/1.85 var(--font-body);color:var(--fg);scrollbar-color:var(--border-strong) transparent}.pb-pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pb-status{margin:0;padding:0 20px;min-height:24px;font-size:.75rem;line-height:1.8;color:var(--signal)}.pb-note{margin:0;padding:0 20px 16px;font-size:.72rem;line-height:1.8;color:var(--fg-muted)}.pb-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--fg-muted)}.pb-examples{padding:16px 20px;border-top:1px solid var(--border)}.pb-examples-head{margin:0 0 8px;font-size:.8rem;font-weight:700;color:var(--fg);line-height:1.8}.pb-examples-head span{font-weight:400;color:var(--fg-muted)}.pb-examples ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.pb-examples a{display:flex;align-items:center;min-height:44px;padding-block:8px;font-size:.75rem;line-height:1.7;color:var(--fg-muted);text-decoration-color:var(--border-strong)}.pb-examples a:hover{color:var(--accent)}.pb-prose{max-width:var(--maxw-text)}.pb-prose p{color:var(--fg-muted);line-height:1.85}.pb-prose p b{color:var(--fg)}.pb-sources{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}.pb-sources li{display:grid;gap:4px;padding:16px;border-left:3px solid var(--accent);background:var(--bg-elev)}.pb-sources b{color:var(--fg)}.pb-sources span{color:var(--fg-muted);font-size:.92rem;line-height:1.75}.pb-faq{display:grid;gap:16px;margin:0}.pb-faq div{padding:20px;border:1px solid var(--border);background:var(--bg-elev)}.pb-faq dt{font-weight:700;color:var(--fg);line-height:1.6}.pb-faq dd{margin:8px 0 0;color:var(--fg-muted);line-height:1.8;font-size:.95rem}@media(max-width:900px){.pb{grid-template-columns:minmax(0,1fr)}.pb-out{position:static}.pb-current{position:sticky;top:var(--header-offset);z-index:3;padding:12px;box-shadow:0 8px 20px #0004}.pb-current p{font-size:.8rem}.pb-current a{gap:10px;padding:10px;font-size:.75rem}.pb-pre{max-height:50svh}}@media(max-width:540px){.pb-hero .eyebrow span{display:none}.pb-hero-foot{align-items:stretch}.pb-hero-foot .license-hub{flex-basis:100%}.pb-hero-foot [data-browse-motion]{margin-left:0}.pb-current{align-items:center}.pb-current>div{min-width:0}.pb-current a{gap:6px}.pb-result-meta,.pb-out-head,.pb-examples{padding-inline:16px}.pb-pre{padding:16px}.pb-status,.pb-note{padding-inline:16px}.pb-pill>span{padding-inline:10px}}}