.ptg-swatch[data-astro-cid-m7r3jde2]{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (width>=48rem){.ptg-swatch[data-astro-cid-m7r3jde2]{grid-template-columns:minmax(0,1fr) minmax(0,300px)}}.ptg-apps-loupe[data-astro-cid-xskgxvyd]{grid-template-columns:minmax(0,1fr);align-items:center;gap:16px;display:grid}@media (width>=48rem){.ptg-apps-loupe[data-astro-cid-xskgxvyd]{grid-template-columns:minmax(0,1fr) 180px}}.ptg-loupe[data-astro-cid-xskgxvyd]{text-align:center;justify-items:center;gap:8px;display:grid}.ptg-loupe[data-astro-cid-xskgxvyd] p[data-astro-cid-xskgxvyd]{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary);margin:0;display:grid}.ptg-loupe[data-astro-cid-xskgxvyd] b[data-astro-cid-xskgxvyd]{color:var(--color-ink)}.ptg-gamut[data-astro-cid-r6soywmw]{grid-template-columns:minmax(0,1fr);align-items:center;gap:16px;display:grid}.ptg-gamut[data-astro-cid-r6soywmw]>svg[data-astro-cid-r6soywmw]{justify-self:center}@media (width>=80rem){.ptg-gamut[data-astro-cid-r6soywmw]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ptg-gamut[data-astro-cid-r6soywmw] .ptg-legend[data-astro-cid-r6soywmw]{grid-column:1/-1;justify-self:start}}.pt-card,.pt-side,.ptg,.ptg [data-theme]{--pt-identical:var(--color-ok-mark);--pt-veryClose:color-mix(in oklab, var(--color-ok-mark) 50%, var(--color-link));--pt-close:var(--color-link);--pt-noticeable:color-mix(in oklch, var(--color-warn-mark) 62%, var(--color-ok-mark));--pt-far:var(--color-warn-mark)}[data-band=identical]{--b:var(--pt-identical)}[data-band=veryClose]{--b:var(--pt-veryClose)}[data-band=close]{--b:var(--pt-close)}[data-band=noticeable]{--b:var(--pt-noticeable)}[data-band=far]{--b:var(--pt-far)}[data-band=none]{--b:var(--color-link)}.pt-card{grid-template-areas:"search""head""list""side""foot"}.pt-search{grid-area:search}.pt-answer{grid-area:head;min-width:0}.pt-list,.pt-empty{grid-area:list}.pt-side{grid-area:side}.pt-foot{grid-area:foot}@media (width>=64rem){.pt-card{grid-template:"search search""head side""list side"1fr"foot foot"/minmax(0,1fr) 420px}.pt-card.is-single{grid-template-columns:minmax(0,1fr);grid-template-areas:"search""list""foot"}}@media (width>=80rem){.pt-card:not(.is-single){grid-template-columns:minmax(0,1fr) 468px}}.pt-card[aria-busy] .pt-list,.pt-card[aria-busy] .pt-answer{opacity:.6;transition:opacity .2s .15s}.pt-search{border-bottom:1px solid var(--color-line);padding:16px 20px 14px}.pt-switches{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.pt-seg{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-surface);gap:2px;padding:3px;display:inline-flex}.pt-seg>*{border-radius:var(--radius-md);min-height:36px;font:500 14px/18px var(--font-sans);color:var(--color-ink-secondary);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.pt-seg>:hover{color:var(--color-ink)}.pt-seg>[aria-current=page],.pt-seg>[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-ink);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-link) 45%, var(--color-line)), 0 1px 2px #0b1b3a14;font-weight:600}.pt-fmt{letter-spacing:.02em;font:500 13.5px/18px var(--font-mono)!important}.pt-seg-lib b{border-radius:var(--radius-sm);background:var(--color-tile);min-width:20px;height:20px;color:var(--color-on-navy);font:500 11.5px/1 var(--font-mono);place-items:center;padding:0 5px;display:inline-grid}.pt-seg-lib [aria-pressed=false] b{background:color-mix(in oklab, var(--color-ink) 12%, transparent);color:var(--color-ink-secondary)}.pt-in{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.pt-well{background:var(--c);width:56px;height:56px;box-shadow:inset 0 0 0 1px #0b1b3a24, 0 0 0 1px var(--color-line-control);cursor:pointer;border-radius:10px;flex:none;position:relative}.pt-well:after{content:"";background:var(--color-surface-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/12px no-repeat;width:18px;height:18px;box-shadow:0 0 0 1px var(--color-line-strong);border-radius:6px;position:absolute;bottom:-4px;right:-4px}.pt-well input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pt-well:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.pt-well-sm{width:48px;height:48px}.pt-field{border:1px solid var(--color-line-control);border-radius:var(--radius-md);background:var(--color-page);align-items:center;gap:8px;height:56px;padding:0 6px 0 16px;display:flex;position:relative}.pt-field:focus-within{outline:2px solid var(--color-focus);outline-offset:-1px}.pt-field input{width:0;min-width:0;font:400 20px/28px var(--font-mono);letter-spacing:.02em;color:var(--color-ink);background:0 0;border:0;outline:0;flex:1}.pt-field input::placeholder{color:var(--color-ink-disabled)}.pt-field.is-bad{border-color:var(--color-fail-mark);box-shadow:0 0 0 1px var(--color-fail-mark);background:color-mix(in oklab, var(--color-fail-fill) 70%, var(--color-page))}.pt-lead{color:var(--color-ink-secondary);flex:none}.pt-ib{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-ink-secondary);flex:none;place-items:center;display:grid}.pt-ib:hover{background:var(--color-surface);color:var(--color-ink)}.pt-field-hex{width:min(360px,100%)}.pt-field-code{width:min(440px,100%)}.pt-go{min-width:172px}.pt-go[aria-busy]{cursor:progress}.pt-ac{z-index:30;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-menu);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:-1px;right:-1px}.pt-ac li[role=option]{border-radius:var(--radius-md);min-height:44px;font:500 15px/20px var(--font-sans);cursor:pointer;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;display:grid}.pt-ac li[aria-selected=true]{background:var(--color-surface-selected)}.pt-ac li i{background:var(--c);border-radius:7px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0b1b3a24}.pt-ac-code small{color:var(--color-ink-secondary);margin-left:8px;font-weight:500}.pt-ac-hex{font:400 13px/18px var(--font-mono);color:var(--color-ink-secondary)}.pt-ac-foot{border-top:1px solid var(--color-line);font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary);margin-top:4px;padding:8px 10px 4px}.pt-hint{text-align:center;font:500 14px/20px var(--font-sans);color:var(--color-ink-secondary);text-wrap:pretty;margin:10px 0 0}.pt-try{scrollbar-width:none;justify-content:safe center;align-items:center;gap:6px;margin-top:12px;display:flex;overflow-x:auto}.pt-try::-webkit-scrollbar{display:none}.pt-try-label{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary);flex:none;margin-right:4px}.pt-chip{border:1px solid color-mix(in oklab, var(--c) 45%, var(--color-line));background:var(--color-page);height:32px;color:var(--color-ink);font:500 14px/18px var(--font-sans);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 11px 0 5px;display:inline-flex;position:relative}.pt-chip i{background:var(--c);border-radius:999px;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0b1b3a29}.pt-chip-v{font:400 12px/1 var(--font-mono);color:var(--color-ink-secondary)}.pt-chip:hover{border-color:var(--c)}.pt-chip[aria-pressed=true] .pt-chip-v{color:var(--color-ink)}.pt-chip[aria-pressed=true]{border-color:var(--c);background:color-mix(in oklab, var(--c) 12%, var(--color-page));box-shadow:0 0 0 1px var(--c)}@media (width<64rem){.pt-try{justify-content:flex-start;padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}@media (64rem<=width<80rem){.pt-chip{gap:6px;height:30px;padding-right:10px;font-size:13.5px}.pt-chip i{width:20px;height:20px}.pt-chip-v{display:none}}.pt-mix{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 22px;width:min(760px,100%);margin:14px auto 0;display:grid}.pt-prev{justify-items:center;gap:8px;display:grid}.pt-big{background:var(--c);border-radius:12px;width:132px;height:112px;display:block;position:relative;box-shadow:inset 0 0 0 1px #0b1b3a24}.pt-big-hex{font:400 12.5px/16px var(--font-mono);position:absolute;top:8px;left:10px}.pt-big-label{font:500 12px/15px var(--font-sans);position:absolute;bottom:8px;left:10px;right:8px}.on-dark{color:#fff}.on-light{color:#000}.pt-naive{max-width:160px;font:500 12px/16px var(--font-sans);color:var(--color-ink-secondary);align-items:center;gap:8px;display:flex}.pt-naive i{background:var(--c);border-radius:6px;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0b1b3a24}.pt-naive b{font:400 12px/16px var(--font-mono);color:var(--color-ink);display:block}.pt-chs{gap:8px;display:grid}.pt-ch{grid-template-columns:30px minmax(0,1fr) 80px;align-items:center;gap:12px;display:grid}.pt-ch-k{background:color-mix(in oklab, var(--kc) 16%, var(--color-surface-raised));width:30px;height:30px;color:var(--lightningcss-light,color-mix(in oklab, var(--kc) 60%, var(--color-navy)))var(--lightningcss-dark,color-mix(in oklab, var(--kc) 50%, white));font:500 14px/1 var(--font-mono);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--kc) 40%, transparent);border-radius:7px;place-items:center;display:grid}.pt-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.pt-range::-webkit-slider-runnable-track{background:var(--g);border-radius:999px;height:14px;box-shadow:inset 0 0 0 1px #0b1b3a24}.pt-range::-moz-range-track{background:var(--g);border-radius:999px;height:14px;box-shadow:inset 0 0 0 1px #0b1b3a24}.pt-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--t);border:5px solid #fff;border-radius:999px;width:24px;height:24px;margin-top:-5px;box-shadow:0 0 0 1px #0b1b3a4d,0 2px 6px #0b1b3a40}.pt-range::-moz-range-thumb{background:var(--t);border:5px solid #fff;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 1px #0b1b3a4d,0 2px 6px #0b1b3a40}.pt-range:focus-visible{outline:none}.pt-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--color-focus), 0 2px 6px #0b1b3a40}.pt-num{border:1px solid var(--color-line-control);border-radius:var(--radius-md);background:var(--color-page);align-items:center;height:40px;padding:0 10px;display:flex}.pt-num:focus-within{outline:2px solid var(--color-focus);outline-offset:-1px}.pt-num input{width:100%;min-width:0;font:400 16px/20px var(--font-mono);color:var(--color-ink);-moz-appearance:textfield;background:0 0;border:0;outline:0}.pt-num input::-webkit-inner-spin-button{-webkit-appearance:none}.pt-num span{font:400 12px/1 var(--font-mono);color:var(--color-ink-secondary);margin-left:2px}.pt-row2{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.pt-row2 .pt-field{width:260px;height:48px}.pt-row2 .pt-field input{font-size:16px}.pt-select{border:1px solid var(--color-line-control);border-radius:var(--radius-md);background:var(--color-page);align-items:center;gap:8px;max-width:100%;height:48px;padding-left:12px;display:inline-flex;position:relative}.pt-select:focus-within{outline:2px solid var(--color-focus);outline-offset:-1px}.pt-select-p{font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary);white-space:nowrap}.pt-select select{appearance:none;min-width:0;height:46px;font:500 14.5px/18px var(--font-sans);color:var(--color-ink);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;outline:0;padding:0 36px 0 0}.pt-select-chev{color:var(--color-ink-secondary);pointer-events:none;position:absolute;right:10px}.pt-tac{min-width:170px;font:500 12px/16px var(--font-sans);color:var(--color-ink-secondary);gap:4px;display:grid}.pt-tac b{font:500 14px/18px var(--font-mono);color:var(--color-ink)}.pt-tac-bar{background:color-mix(in oklab, var(--color-ink) 9%, transparent);border-radius:999px;height:6px;position:relative}.pt-tac-bar span{border-radius:inherit;background:var(--color-ok-mark);height:100%;display:block}.pt-tac-bar i{background:var(--color-warn-mark);width:1.5px;position:absolute;top:-3px;bottom:-3px}.pt-tac.is-over b,.pt-tac.is-over .pt-tac-t{color:var(--color-warn)}.pt-tac.is-over .pt-tac-bar span{background:var(--color-warn-mark)}.pt-oog{font:500 12px/16px var(--font-sans);color:var(--color-ink-secondary);align-items:center;gap:2px;display:inline-flex}.pt-head{--tone:var(--b);background:linear-gradient(180deg, color-mix(in oklab, var(--tone) 9%, var(--color-surface-raised)), var(--color-surface-raised) 85%);border-radius:0;padding:16px 20px;container-type:inline-size}.pt-pill{border:1px solid color-mix(in oklab, var(--tone) 45%, transparent);background:color-mix(in oklab, var(--tone) 12%, var(--color-surface-raised));height:26px;color:var(--lightningcss-light,color-mix(in oklab, var(--tone) 62%, var(--color-navy)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 55%, white));font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex}.pt-pill:before{content:"";background:var(--tone);border-radius:999px;width:8px;height:8px}.pt-libchip{font:500 12px/1 var(--font-sans)}.pt-tag{border:1px dashed var(--color-line-control);height:22px;font:500 12px/16px var(--font-sans);color:var(--color-ink-secondary);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.pt-meta{font:500 14px/20px var(--font-sans);color:var(--color-ink-secondary)}.pt-meta b{color:var(--color-ink);font-weight:600}.pt-meta .link{font:inherit}.pt-actions .btn{min-height:36px;color:var(--color-ink-secondary);padding-inline:10px;font-size:14px}.pt-actions .btn:hover{color:var(--color-ink)}.pt-id{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 20px;margin-top:14px;display:grid}.pt-split{border-radius:12px;grid-template-columns:1fr 1fr;width:156px;height:100px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0b1b3a1f,0 1px 2px #0b1b3a1a}.pt-split.is-one{grid-template-columns:1fr}.pt-split>span{background:var(--c);position:relative}.pt-split>span b{font:500 11px/14px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;position:absolute;bottom:6px;left:8px;right:6px;overflow:hidden}.pt-split>span:last-child b{font:500 11px/14px var(--font-mono)}.pt-code{font:700 30px/36px var(--font-sans);letter-spacing:-.01em;color:var(--color-ink);text-wrap:balance;margin:0}.pt-de{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:4px 0 0;display:flex}.pt-de-v{font:500 22px/28px var(--font-mono);letter-spacing:-.02em;color:var(--lightningcss-light,color-mix(in oklab, var(--tone) 70%, var(--color-navy)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 70%, white))}.pt-de-v small{font:500 13px/1 var(--font-sans);letter-spacing:0;color:var(--color-ink-secondary);margin-right:6px}.pt-de-w{font:500 15px/22px var(--font-sans);color:var(--color-ink-secondary);text-wrap:pretty}.pt-vals{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0;display:grid}.pt-vals.is-five{grid-template-columns:repeat(5,minmax(0,1fr))}.pt-vals>div{min-width:0;padding:8px 12px 9px}.pt-vals>div+div{border-left:1px solid var(--color-line)}.pt-vals dt{height:24px;font:500 11.5px/16px var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-secondary);white-space:nowrap;align-items:center;gap:2px;display:flex}.pt-vals dd{margin:0}.pt-vals .copy-value{font-size:15px}.pt-na{font:500 12.5px/22px var(--font-sans);color:var(--color-ink-secondary)}@container (600px<=width<900px){.pt-vals.is-five{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-vals.is-five>div:nth-child(4){border-left:0}.pt-vals.is-five>div:nth-child(n+4){border-top:1px solid var(--color-line)}}@container (width<600px){.pt-vals,.pt-vals.is-five{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-vals>div:nth-child(3){border-left:0}.pt-vals>div:nth-child(5){border-left:0;grid-column:1/-1}.pt-vals>div:nth-child(n+3){border-top:1px solid var(--color-line)}}.pt-notes{margin-top:10px}.pt-notes li{--tone-note:var(--tone)}.pt-notes li.pt-note-link{background:color-mix(in oklab, var(--color-link) 10%, var(--color-surface-raised))}.pt-notes li.pt-note-link:before{background:var(--color-link)}.pt-twin{vertical-align:-4px;border-radius:4px;width:30px;height:18px;margin-right:6px;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0b1b3a1f}.pt-twin span{background:var(--c);flex:1}.pt-sub{font:700 15px/20px var(--font-sans);color:var(--color-ink);margin:14px 0 0}.pt-proc{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.pt-proc>div{border:1px solid var(--color-line);border-left:3px solid var(--b);border-radius:var(--radius-lg);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.pt-proc .pt-mini{grid-row:span 2;width:64px;height:44px}.pt-proc b{font:600 14px/18px var(--font-sans);color:var(--color-ink)}.pt-proc span{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary)}.pt-mono{font-family:var(--font-mono);color:var(--color-ink)}@container (width<520px){.pt-proc{grid-template-columns:minmax(0,1fr)}}.pt-list{border-top:1px solid var(--color-line);min-width:0;padding-bottom:8px;container-type:inline-size}.pt-lh{border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:12px 20px 8px;display:flex}.pt-lh h3{font:700 15px/20px var(--font-sans);color:var(--color-ink);margin:0}.pt-lh h3 span{color:var(--color-ink-secondary);margin-left:6px;font-weight:500}.pt-lh-axis{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary)}.pt-rows{--cols:22px 48px minmax(0, 1fr) 176px 64px 132px;margin:0;padding:0;list-style:none}@container (width<640px){.pt-rows{--cols:18px 40px minmax(0, 1fr) 64px 58px auto}}.pt-row{border-bottom:1px solid var(--color-line);position:relative}.pt-row:before{content:"";background:0 0;width:3px;position:absolute;top:0;bottom:0;left:0}.pt-row[aria-current]{background:var(--color-surface-selected)}.pt-row[aria-current]:before{background:var(--b)}.pt-row-btn{grid-template-columns:var(--cols);text-align:left;cursor:pointer;align-items:center;gap:0 12px;width:100%;min-height:54px;padding:6px 20px;display:grid}.pt-row:not([aria-current]) .pt-row-btn:hover{background:color-mix(in oklab, var(--color-surface) 70%, var(--color-surface-raised))}.pt-row-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.pt-rk{font:400 12.5px/1 var(--font-mono);color:var(--color-ink-secondary);text-align:right}.pt-mini{border-radius:7px;width:48px;height:32px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0b1b3a1f}.pt-mini span{background:var(--c);flex:1}.pt-nm{min-width:0}.pt-nm b{font:600 15px/20px var(--font-sans);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pt-hexv{font:400 12.5px/18px var(--font-mono);color:var(--color-ink-secondary)}.pt-tw{border:1px solid var(--color-line-strong);height:18px;font:500 11px/1 var(--font-sans);color:var(--color-ink-secondary);vertical-align:1px;border-radius:999px;align-items:center;gap:5px;margin-left:8px;padding:0 6px;display:inline-flex}.pt-tw i{background:var(--c);border-radius:2px;width:8px;height:8px}.pt-debar{background:color-mix(in oklab, var(--color-ink) 7%, transparent);border-radius:999px;height:8px;position:relative}.pt-debar span{border-radius:inherit;background:var(--b);position:absolute;inset:0 auto 0 0}.pt-debar i{background:var(--color-line-strong);width:1px;position:absolute;top:-3px;bottom:-3px}.pt-dev{text-align:right;font:500 17px/20px var(--font-mono);letter-spacing:-.02em;color:var(--color-ink)}.pt-band{background:color-mix(in oklab, var(--b) 13%, var(--color-surface-raised));height:24px;color:var(--lightningcss-light,color-mix(in oklab, var(--b) 62%, var(--color-navy)))var(--lightningcss-dark,color-mix(in oklab, var(--b) 55%, white));font:500 12.5px/1 var(--font-sans);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:0 9px 0 7px;display:inline-flex}.pt-band:before{content:"";background:var(--b);border-radius:999px;width:7px;height:7px}.pt-more{justify-content:center;padding-top:8px;display:flex}.pt-more .btn{color:var(--color-link);min-height:40px;font-size:14px}.pt-lfoot{font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary);margin:0;padding:6px 20px 2px}.pt-empty{text-align:center;border-top:0;justify-items:center;gap:8px;padding:34px 20px 30px;display:grid}.pt-empty-ico{background:var(--color-surface);width:52px;height:52px;color:var(--color-ink-secondary);border-radius:14px;place-items:center;display:grid}.pt-empty h2{font:700 20px/28px var(--font-sans);color:var(--color-ink);text-wrap:balance;margin:0}.pt-empty p{max-width:58ch;font:500 15px/22px var(--font-sans);color:var(--color-ink-secondary);text-wrap:pretty;margin:0}.pt-empty-sub{font-size:13px!important}.pt-empty-sugg{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.pt-side{isolation:isolate;color:var(--color-on-navy);background:var(--color-surface-brand);position:relative;overflow:clip}@media (width>=64rem){.pt-side{border-left:1px solid #9fb0cc24}}@media (width<64rem){.pt-side{border-top:1px solid #9fb0cc24}}.pt-side:before{content:"";z-index:-1;background-image:radial-gradient(#9fb0cc33 1px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 70% 20%,#000,#0000 75%);mask-image:radial-gradient(80% 60% at 70% 20%,#000,#0000 75%)}.sg{padding:18px 20px 16px;position:sticky;top:76px}@media (width<64rem){.sg{padding:16px 14px 14px;position:static}}.sg-title{font:600 12px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mist);margin:0}.sg-title-ruler{margin-top:14px;margin-bottom:4px}.sg-sub{font:500 13px/19px var(--font-sans);color:color-mix(in oklab, var(--color-mist) 80%, white);margin:4px 0 0}.sg-sub strong{color:#fff;font-weight:600}.sg-plot{gap:10px;margin-top:12px;display:flex}.sg-plot svg,.sg-ruler{flex:none;max-width:100%;display:block;overflow:visible}.sg text{font-family:var(--font-sans)}.sg .sg-mono{font-family:var(--font-mono)}.sg-frame{fill:#ffffff05;stroke:#9fb0cc38}.sg-grid{stroke:#9fb0cc17}.sg-axis{stroke:#9fb0cc66}.sg-ring{fill:none;stroke-width:1.1px;stroke-dasharray:3 3;stroke-opacity:.8}.sg-ring-1{fill:#22c55e1f;stroke-dasharray:none}.sg-edge{fill:#22d3ee0f;stroke:var(--color-cyan);stroke-width:1.8px;stroke-dasharray:.5 4.5;stroke-linecap:round}.sg-dot{stroke:#ffffff59;stroke-width:.8px}.sg-top{stroke:#fff;stroke-width:1.6px}.sg-top-on{stroke:var(--color-cyan);stroke-width:2.5px}.sg-twin{stroke-dasharray:2.5 2}.sg-halo{fill:none;stroke:var(--color-cyan);stroke-opacity:.35;stroke-width:3px}.sg-line{stroke:#ffffff80;stroke-width:1px;stroke-dasharray:2 3}.sg-line-on{stroke:var(--color-cyan);stroke-width:1.8px;stroke-dasharray:none}.sg-grey{stroke:var(--color-mist);stroke-opacity:.55;stroke-width:1.2px;stroke-dasharray:1 4;stroke-linecap:round;fill:none}.sg-arrowhead{fill:var(--color-mist)}.sg-you{stroke:#fff;stroke-width:3px}.sg-you-ring{fill:none;stroke:var(--color-cyan);stroke-width:1.5px}.sg-label{fill:#fff;paint-order:stroke;stroke:var(--color-navy);stroke-width:4px;stroke-linejoin:round;font-size:11.5px}.sg-label-top{font-size:12.5px;font-weight:600}.sg-label-mist{fill:var(--color-mist);font-size:11px}.sg-label-cyan{fill:var(--color-cyan);font-size:11px}.sg-compass rect{fill:#0b1b3adb;stroke:#9fb0cc33}.sg-compass path{stroke:var(--color-mist);stroke-opacity:.7;fill:none}.sg-compass text{fill:var(--color-mist);font-size:10.5px}.sg-compass .sg-mono{font-size:9.5px}.sg-scale line{stroke:var(--color-mist);stroke-width:1.5px}.sg-scale text{fill:var(--color-mist);font-size:10px}.sg-strip-bar{stroke:#9fb0cc59}.sg-tick{stroke:#9fb0cc80}.sg-small{fill:var(--color-mist);font-size:10.5px}.sg-bucket{fill:none;stroke:var(--color-mist);stroke-opacity:.55;stroke-dasharray:2 2}.sg-count{fill:#fff;font-size:11px}.sg-bands,.sg-key{font:500 11.5px/16px var(--font-sans);color:var(--color-mist);flex-wrap:wrap;gap:4px 12px;margin:6px 0 0;padding:0;list-style:none;display:flex}.sg-bands li,.sg-key li{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.sg-bands i{border-radius:2px;width:8px;height:8px}.sg-key{border-top:1px solid #9fb0cc24;margin-top:10px;padding-top:10px}.sg-key i{flex:none}.k-you{background:var(--color-navy);width:12px;height:12px;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--color-cyan);border-radius:999px}.k-ink{background:linear-gradient(135deg,#e4002b,#005eb8);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff80}.k-ring{border:1.4px dashed var(--color-mist);border-radius:999px;width:16px;height:9px}.k-edge{border-top:2px dotted var(--color-cyan);width:16px;height:0}.k-build{background:var(--color-mist);border-radius:2px;width:10px;height:10px;box-shadow:0 0 0 1px #fff}.k-twin{border:1.6px dashed #fff;border-radius:999px;width:10px;height:10px}.sg-foot{font:500 12px/17px var(--font-sans);color:var(--color-mist);border:1px solid #9fb0cc2e;border-radius:8px;gap:8px;margin:12px 0 0;padding:9px 11px;display:flex}.sg-foot svg{fill:none;stroke:var(--color-cyan);stroke-width:1.8px;stroke-linecap:round;flex:none;margin-top:1px}.pt-foot{border-top:1px solid var(--color-line);font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary);flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin:0;padding:11px 20px 12px;display:flex}.pt-foot>span:first-child{max-width:82ch}.pt-foot-src{white-space:nowrap}@media (width<64rem){.pt-foot{padding:11px 14px 12px}.pt-foot-src{white-space:normal}}@media (width<40rem){.pt-search{padding:14px 14px 12px}.pt-switches{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.pt-seg{min-width:0}.pt-seg>*{flex:1;min-width:0;padding:0 8px}.pt-seg-fmt{grid-column:1/-1}.pt-seg-lib>*{padding:0 10px}.pt-lw{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pt-seg-lib>*{position:relative}.pt-in{flex-wrap:wrap}.pt-field-hex,.pt-field-code{flex:1;width:auto;min-width:0}.pt-go{width:100%}.pt-mix{grid-template-columns:minmax(0,1fr);gap:12px}.pt-prev{grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:10px 14px}.pt-big{width:112px;height:76px}.pt-naive{max-width:none}.pt-ch{grid-template-columns:28px minmax(0,1fr) 68px;gap:10px}.pt-row2 .pt-field{flex:1;width:auto;min-width:0}.pt-select{width:100%}.pt-select select{flex:1}.pt-tac{width:100%}.pt-head{padding:14px}.pt-id{gap:4px 14px}.pt-split{border-radius:10px;width:96px;height:72px}.pt-split>span b{font-size:10px;bottom:4px;left:6px}.pt-code{font-size:24px;line-height:30px}.pt-de{grid-column:1/-1}.pt-actions .btn span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pt-actions .btn{min-height:32px;padding-inline:8px}.pt-meta.is-best,.pt-lh-axis{display:none}.pt-meta{flex-basis:100%;order:5;font-size:13px}.pt-lh{padding:12px 14px 8px}.pt-lfoot{padding:6px 14px 2px}.pt-rows{--cols:44px minmax(0, 1fr) auto}.pt-row-btn{grid-template-areas:"sw nm de""sw bar bd";gap:3px 12px;min-height:0;padding:8px 14px}.pt-rk{display:none}.pt-row-btn .pt-mini{grid-area:sw;width:44px;height:40px}.pt-nm{grid-area:nm}.pt-hexv,.pt-tw{display:none}.pt-debar{grid-area:bar;height:5px}.pt-dev{grid-area:de}.pt-band{background:0 0;grid-area:bd;justify-self:end;height:auto;padding:0;font-size:12px}.pt-band:before{width:6px;height:6px}}.ptg figure{margin:0}.ptg figcaption{font:500 13px/19px var(--font-sans);color:var(--color-ink-secondary);text-wrap:pretty;margin-top:10px}.ptg-band{border-block:0}.ptg-panel{border:1px solid var(--color-line);background:var(--color-surface-raised);box-shadow:var(--shadow-card);border-radius:16px;padding:20px}.ptg-band .ptg-panel{box-shadow:none;background:#ffffff08;border-color:#9fb0cc33}.ptg-title{font:700 15px/20px var(--font-sans);color:var(--color-ink);margin:0 0 14px}.ptg-sw{background:var(--c);border-radius:6px;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px #0b1b3a24}.ptg-pair{vertical-align:middle;border-radius:7px;flex:none;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0b1b3a24}.ptg-pair>span{background:var(--c);flex:1}.ptg-chip{background:color-mix(in oklab, var(--b) 14%, var(--color-surface-raised));height:22px;color:var(--lightningcss-light,color-mix(in oklab, var(--b) 62%, var(--color-navy)))var(--lightningcss-dark,color-mix(in oklab, var(--b) 55%, white));font:500 12px/1 var(--font-sans);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 8px 0 6px;display:inline-flex}.ptg-chip:before{content:"";background:var(--b);border-radius:999px;width:7px;height:7px}.ptg-de{font:500 15px/20px var(--font-mono);color:var(--color-ink);white-space:nowrap}.ptg-mono{font-family:var(--font-mono);font-weight:400}.ptg-bar{background:color-mix(in oklab, var(--color-ink) 8%, transparent);border-radius:999px;height:8px;position:relative}.ptg-bar>span{border-radius:inherit;background:var(--b);position:absolute;inset:0 auto 0 0}.ptg-bar>i{background:var(--color-ink-secondary);width:1.5px;position:absolute;top:-4px;bottom:-4px}.ptg svg text{font-family:var(--font-sans)}.ptg svg .m{font-family:var(--font-mono)}.ptg-legend{font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary);flex-wrap:wrap;gap:6px 16px;margin-top:12px;display:flex}.ptg-legend span{align-items:center;gap:6px;display:inline-flex}.ptg-legend i{border-radius:3px;flex:none;width:14px;height:10px}.ptg-scroll{overflow-x:auto}.ptg-table{border-collapse:collapse;width:100%;font:500 14px/20px var(--font-sans);color:var(--color-ink)}.ptg-table th{border-bottom:1px solid var(--color-line-strong);text-align:left;font:500 11.5px/16px var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-secondary);white-space:nowrap;padding:8px 10px}.ptg-table td{border-bottom:1px solid var(--color-line);vertical-align:middle;white-space:nowrap;padding:7px 10px}.ptg-table tr:last-child td{border-bottom:0}.ptg-table .m{font:400 14px/20px var(--font-mono)}.ptg-cell{align-items:center;gap:8px;display:inline-flex}.ptg-steps{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width<64rem){.ptg-steps{grid-template-columns:minmax(0,1fr)}}.ptg-step{color:#fff;background:#ffffff0a;border:1px solid #9fb0cc38;border-radius:12px;align-content:start;gap:8px;padding:14px;display:grid;position:relative}.ptg-step+.ptg-step:before{content:"→";color:var(--color-cyan);font:600 16px/1 var(--font-sans);position:absolute;top:42px;left:-12px;translate:-50%}@media (width<64rem){.ptg-step+.ptg-step:before{content:"↓";top:-12px;left:50%;translate:-50% -50%}}.ptg-step-n{font:600 11.5px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mist);align-items:center;gap:8px;display:flex}.ptg-step-n b{background:var(--color-cyan);width:20px;height:20px;color:var(--color-navy);font:600 11px/1 var(--font-mono);letter-spacing:0;border-radius:999px;place-items:center;display:grid}.ptg-step-v{font:400 15px/22px var(--font-mono);color:#fff;overflow-wrap:anywhere}.ptg-step-s{font:500 12.5px/18px var(--font-sans);color:var(--color-mist)}.ptg-ch{font:400 12px/16px var(--font-mono);color:var(--color-mist);grid-template-columns:16px minmax(0,1fr) 40px;align-items:center;gap:6px;display:grid}.ptg-ch .t{background:#ffffff1a;border-radius:999px;height:6px}.ptg-ch .t span{border-radius:inherit;height:100%;display:block}.ptg-ch b{color:#fff;text-align:right;font-weight:400}.ptg-rk{font:600 13px/18px var(--font-sans);color:#fff;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ptg-rk .ptg-de{color:var(--b);font-size:13px}.ptg-verdict{font:500 15px/22px var(--font-sans);color:#fff;background:#22d3ee14;border:1px solid #22d3ee40;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;padding:12px 14px;display:flex}.ptg-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ptg-r{font:500 13.5px/18px var(--font-sans);color:var(--color-ink);grid-template-columns:minmax(96px,150px) 56px minmax(0,1fr) 48px;align-items:center;gap:10px;display:grid}.ptg-r .ptg-pair{width:56px;height:28px}.ptg-r .lb{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ptg-r .ptg-de{text-align:right;font-size:14px}@media (width<40rem){.ptg-r{grid-template-columns:92px 44px minmax(0,1fr) 40px}.ptg-r .ptg-pair{width:44px}}.ptg-ladder{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<40rem){.ptg-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}.ptg-ladder li{justify-items:start;gap:6px;display:grid}.ptg-ladder .ptg-pair{width:100%;height:64px}.ptg-ladder .ptg-de{font-size:17px}.ptg-bands{gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ptg-bands li{font:500 14px/20px var(--font-sans);color:var(--color-ink-secondary);grid-template-columns:64px 140px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.ptg-bands b{font:500 13.5px/20px var(--font-mono);color:var(--color-ink)}.ptg-bands .ptg-chip{justify-self:start}@media (width<40rem){.ptg-bands li{grid-template-columns:56px minmax(0,1fr)}.ptg-bands li>span:last-child{grid-column:2}}.ptg-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<48rem){.ptg-cols{grid-template-columns:minmax(0,1fr)}}.ptg-col{border:1px solid var(--color-line);border-radius:12px;padding:14px}.ptg-col.is-win{border-color:color-mix(in oklab, var(--color-link) 50%, var(--color-line));background:color-mix(in oklab, var(--color-link) 6%, var(--color-surface-raised))}.ptg-col h3{font:700 15px/20px var(--font-sans);color:var(--color-ink);margin:0}.ptg-col .ptg-pair{width:100%;height:56px;margin-top:10px}.ptg-col .w{font:700 18px/24px var(--font-sans);color:var(--color-ink);margin-top:8px}.ptg-col .u{font:400 13px/18px var(--font-mono);color:var(--color-ink-secondary)}.ptg-col ol{border-top:1px solid var(--color-line);gap:6px;margin:10px 0 0;padding:10px 0 0;list-style:none;display:grid}.ptg-col li{font:500 13.5px/18px var(--font-sans);color:var(--color-ink);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ptg-col li .ptg-pair{width:30px;height:20px;margin:0}.ptg-col li .m{font:400 12.5px/1 var(--font-mono);color:var(--color-ink-secondary)}.ptg-big{border-radius:10px;width:100%;height:96px}.ptg-apps{gap:0;margin:0;padding:0;list-style:none;display:grid}.ptg-app{border-bottom:1px solid var(--color-line);grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:12px 0;display:grid}.ptg-app:last-child{border-bottom:0}.ptg-marks{align-items:center;gap:4px;width:116px;display:flex}@media (width<40rem){.ptg-marks{width:auto;min-width:36px}}.ptg-mark{background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #0b1b3a1a}.ptg-app b{font:700 15px/20px var(--font-sans);color:var(--color-ink);display:block}.ptg-app p{font:500 14px/21px var(--font-sans);color:var(--color-ink-secondary);text-wrap:pretty;margin:2px 0 0}.ptg-tl{gap:0;margin:0 0 14px;padding:0;list-style:none;display:flex}.ptg-tl li{font:500 13px/18px var(--font-sans);color:var(--color-ink-secondary);flex:1;padding:18px 12px 0 0;position:relative}.ptg-tl li:before{content:"";background:var(--color-line-strong);height:2px;position:absolute;top:5px;left:0;right:0}.ptg-tl li:after{content:"";border:2px solid var(--color-link);background:var(--color-surface-raised);border-radius:999px;width:8px;height:8px;position:absolute;top:0;left:0}.ptg-tl b{font:700 14px/18px var(--font-sans);color:var(--color-ink);display:block}.ptg-new{grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.ptg-new li{aspect-ratio:1;background:var(--c);border-radius:4px;box-shadow:inset 0 0 0 1px #0b1b3a1a}.ptg-new-range{font:400 13px/18px var(--font-mono);color:var(--color-ink-secondary);justify-content:space-between;margin-top:8px;display:flex}.ptg-devs{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;display:grid}@media (width<40rem){.ptg-devs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.ptg-dev{text-align:center;font:500 13px/18px var(--font-sans);color:var(--color-ink);justify-items:center;gap:8px;display:grid}.ptg-dev svg{width:100%;max-width:180px;height:auto}.ptg-dev span{font:400 12.5px/16px var(--font-mono);color:var(--color-ink-secondary)}.ptg-cards{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<48rem){.ptg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.ptg-card{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:12px;align-content:start;gap:6px;padding:12px;display:grid}.ptg-card .ptg-sw{border-radius:8px;width:100%;height:44px}.ptg-card b{font:700 14px/18px var(--font-sans);color:var(--color-ink)}.ptg-card .v{font:400 14px/20px var(--font-mono);color:var(--color-ink);overflow-wrap:anywhere}.ptg-card small{font:500 12.5px/18px var(--font-sans);color:var(--color-ink-secondary)}.ptg-card-ico{color:var(--color-link)}.ptg-sfx{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<48rem){.ptg-sfx{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<40rem){.ptg-sfx{grid-template-columns:minmax(0,1fr)}}.ptg-sfx li{border:1px solid var(--color-line);border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:4px 12px;padding:12px;display:grid}.ptg-sfx svg{grid-row:span 3;width:48px;height:48px}.ptg-sfx b{font:600 14px/18px var(--font-sans);color:var(--color-ink)}.ptg-sfx code{background:var(--color-tile);color:#fff;min-width:30px;height:22px;font:500 12px/1 var(--font-mono);border-radius:6px;place-items:center;margin-right:6px;padding:0 6px;display:inline-grid}.ptg-sfx p{font:500 13px/19px var(--font-sans);color:var(--color-ink-secondary);margin:0}.ptg-sfx .grp{font:500 11px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary)}.ptg-tac{gap:10px;display:grid}.ptg-tac-bar{background:color-mix(in oklab, var(--color-ink) 6%, transparent);border-radius:8px;height:36px;display:flex;position:relative;overflow:hidden}.ptg-tac-bar span{height:100%;font:500 12.5px/1 var(--font-mono);place-items:center;display:grid}.ptg-tac-scale{height:34px;font:400 12px/16px var(--font-mono);color:var(--color-ink-secondary);position:relative}.ptg-tac-scale span{position:absolute;top:0;translate:-50%}.ptg-tac-limit{background:color-mix(in oklab, var(--color-warn-mark) 10%, transparent);position:absolute;top:-46px;bottom:18px}.ptg-tac-line{border-left:1.5px dashed var(--color-warn-mark);width:0;position:absolute;top:-50px;bottom:16px}.ptg-tac-line.is-coated{border-left-style:solid}.ptg-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 36px;display:flex}.ptg-dots div{text-align:center;font:600 14px/20px var(--font-sans);color:var(--color-ink);justify-items:center;gap:8px;display:grid}.ptg-dlg{color:#1d1f23;font:500 13px/18px var(--font-sans);background:#f4f5f7;border:1px solid #c7ccd4;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px -16px #0b1b3a66}.ptg-dlg-t{background:#e8eaee;border-bottom:1px solid #d6d9de;padding:8px 12px;font-weight:600}.ptg-dlg-b{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px 12px;display:grid}.ptg-dlg label{color:#4b5160}.ptg-dlg .f{background:#fff;border:1px solid #b9bec7;border-radius:4px;padding:4px 8px}.ptg-dlg .f.on{border-color:#2680eb;box-shadow:0 0 0 1px #2680eb}.ptg-dlg .sl{font:400 12px/1 var(--font-mono);grid-template-columns:16px minmax(0,1fr) 34px;align-items:center;gap:6px;display:grid}.ptg-dlg .sl i{background:#c3c7cf;border-radius:2px;height:4px}.ptg-dlg .sl i span{border-radius:inherit;background:#4b5160;height:100%;display:block}.ptg-sep{color:#1d1f23;font:500 13px/18px var(--font-sans);background:#fff;border:1px solid #c7ccd4;border-radius:10px;margin-top:12px;overflow:hidden}.ptg-sep li{border-top:1px solid #eceef1;grid-template-columns:14px 14px minmax(0,1fr);align-items:center;gap:8px;padding:5px 10px;display:grid}.ptg-sep li:first-child{background:#e8eaee;border-top:0;grid-template-columns:minmax(0,1fr);font-weight:600}.ptg-sep li.on{background:#e6f0fd;font-weight:600}.ptg-sep i{background:var(--c);border-radius:2px;width:14px;height:14px}.ptg-steps2{counter-reset:s;gap:10px;margin:0;padding:0;list-style:none;display:grid}.ptg-steps2 li{font:500 15px/22px var(--font-sans);color:var(--color-ink-secondary);grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.ptg-steps2 li:before{counter-increment:s;content:counter(s);background:var(--color-tile);color:#fff;width:28px;height:28px;font:500 13px/1 var(--font-mono);border-radius:999px;place-items:center;display:grid}.ptg-steps2 b{color:var(--color-ink);display:block}.ptg-note{background:var(--color-surface);font:500 13.5px/20px var(--font-sans);color:var(--color-ink-secondary);border-radius:10px;margin-top:14px;padding:10px 12px}.ptg-howsteps{font:500 15px/22px var(--font-sans);color:var(--color-ink-secondary);gap:8px;max-width:68ch;margin:16px 0 0;padding:0;list-style:none;display:grid}.ptg-howsteps b{color:var(--color-ink)}@media (width>=64rem){.ptg-howsteps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}}.ptg-divider{font:500 11px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-disabled);align-items:center;gap:12px;margin-top:28px;display:flex}.ptg-divider:before,.ptg-divider:after{content:"";background:var(--color-line);flex:1;height:1px}.ptg-ruler{margin-top:16px}.ptg-ruler-bar{height:10px;margin:0 6px;position:relative}.ptg-ruler-bar span{border-radius:3px;position:absolute;top:0;bottom:0}.ptg-ruler-iso{background:var(--color-ink);width:2px;margin-left:-1px;position:absolute;top:-10px;bottom:-6px}.ptg-ruler-ticks{height:22px;font:400 13px/18px var(--font-mono);color:var(--color-ink-secondary);margin:4px 6px 0;position:relative}.ptg-ruler-ticks span{position:absolute;top:2px;translate:-50%}.ptg-ruler-notes{font:500 13px/19px var(--font-sans);color:var(--color-ink-secondary);flex-wrap:wrap;gap:4px 18px;margin:6px 0 0;display:flex}.ptg-ruler-notes span{align-items:center;gap:8px;display:inline-flex}.ptg-ruler-notes i{background:var(--color-ink);flex:none;width:2px;height:14px}.ptg-ruler-notes i.seen{background:var(--pt-veryClose);border-radius:999px;width:10px;height:10px}.pt-inline-sw{background:var(--c);vertical-align:-.08em;border-radius:3px;width:.85em;height:.85em;margin-right:.3em;display:inline-block;box-shadow:inset 0 0 0 1px #0b1b3a2e}