.ex-open{padding:14px 16px;background:#f6f5f8;border:1px solid var(--line);border-radius:14px}.ex-open-k{margin:0 2px 6px;font-family:Martian Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--prt-cap)}.ex-open-f{display:flex;align-items:center;gap:0;height:44px;margin:0 0 14px;padding:0 14px;background:#fff;border:1px solid var(--cardline);border-radius:10px;font-size:14.5px;color:var(--ink)}.ex-open-f .pre{color:var(--prt-cap)}.ex-open-f i{margin-left:auto;font-style:normal;letter-spacing:.08em;color:var(--prt-cap)}.ex-open-or{margin:0 2px;font-size:13px;color:var(--muted)}.ex-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 12px;font-size:14px;color:var(--muted)}.ex-count b{margin-right:3px;font-family:Cabinet Grotesk,sans-serif;font-size:26px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.ex-count i{font-style:normal;color:#cfc3e0}.ex-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;list-style:none;margin:0;padding:0}.ex-tiles li{display:flex;align-items:center;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px;font-weight:600;line-height:1.2;color:var(--ink)}.prt-armed:not(.prt-rm) .ex-tiles li:not(.on){opacity:.28;background:#faf9fc}.ex-tiles li.on{border-color:var(--prt-lilac-line);background:var(--prt-lilac);color:var(--prt-plum);transition:background .28s var(--prt-ez),opacity .28s var(--prt-ez)}.ex-map{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);margin:24px 0 0;background:#fff;border:1px solid var(--cardline);border-radius:22px;box-shadow:var(--prt-surf);overflow:hidden}.ex-map-l{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px 20px 14px}.ex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ex-f{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:9px;min-width:0;min-height:128px;padding:12px;border:1px solid var(--cardline);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s var(--prt-ez),background .2s var(--prt-ez)}.ex-f:hover{border-color:var(--purple)}.ex-f:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ex-f:active{background:var(--prt-lilac);border-color:var(--prt-plum)}.ex-f.on{border-color:var(--purple);background:var(--prt-lilac);box-shadow:inset 0 0 0 1px var(--purple)}.ex-f b{font-family:Cabinet Grotesk,sans-serif;font-size:15px;font-weight:800;line-height:1.16;letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}.ex-f em{margin-top:auto;font-style:normal;font-size:12px;line-height:1.3;color:var(--prt-cap)}.ex-dots{display:grid;grid-template-columns:repeat(9,minmax(0,7px));gap:3px}.ex-dots i,.ex-legend i{display:block;border-radius:50%;background:var(--purple);opacity:.42}.ex-dots i{width:100%;aspect-ratio:1}.ex-legend i{flex:none;width:7px;height:7px}.ex-dots i.b,.ex-legend i.b{background:var(--prt-bug);opacity:1}.ex-add{border-style:dashed;background:#fbf9fe;text-decoration:none}.ex-add .ex-plus{font-size:20px;font-weight:600;line-height:.8;color:var(--purple)}html.prt-armed:not(.prt-rm) .ex-map:not(.on) .ex-dots i{opacity:0;transform:scale(.9)}.ex-map .ex-dots i{transition:opacity .42s var(--prt-ez),transform .42s var(--prt-ez);transition-delay:calc(var(--i,0) * 40ms)}.ex-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;font-size:12.5px;color:var(--muted)}.ex-legend span{display:inline-flex;align-items:center;gap:6px}.ex-legend small{flex-basis:100%;font-size:12.5px;color:var(--prt-cap)}.ex-map-r{min-width:0;padding:20px 26px 18px;background:#fbf9fe;border-left:1px solid var(--line)}.prt-js .ex-p:not(.on){display:none}html:not(.prt-js) .ex-p+.ex-p{margin-top:28px}.ex-p h3{margin:0;font-family:Cabinet Grotesk,sans-serif;font-size:21px;font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--ink)}.ex-p-about{margin:3px 0 0;font-size:14px;line-height:1.4;color:var(--muted)}.ex-k{margin:14px 0 6px;font-family:Martian Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--prt-cap)}.ex-p-tests{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0;font-size:13.5px;line-height:1.32;color:var(--ink)}.ex-p-tests li{position:relative;padding-left:14px}.ex-p-tests li:before{content:"";position:absolute;left:0;top:.42em;width:7px;height:7px;border-radius:50%;background:var(--purple);opacity:.42}.ex-bug{padding:12px 14px;border:1px solid var(--prt-bug-line);border-radius:12px;background:#fff}.ex-bug>b{display:block;font-size:14px;font-weight:600;line-height:1.3;color:var(--prt-bug-ink)}.ex-bug dl{display:flex;flex-direction:column;gap:5px;margin:8px 0 0}.ex-bug dl div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;font-size:13.5px;line-height:1.35}.ex-bug dt{font-weight:600;color:var(--prt-cap)}.ex-bug dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.ex-bug code{font-size:.94em}.ex .rg-tool-in{justify-content:flex-start}.ex-shot{--h:560px;--ar:2.052}.ex-step{position:absolute;left:18%;right:1.6%;bottom:1.6%;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0;padding:1cqw 1.3cqw;border-radius:1cqw;border:1px solid var(--cardline);background:#fff;font-size:1.2cqw;color:var(--ink)}.ex-step .k{font-family:Martian Mono,monospace;font-size:.86cqw;letter-spacing:.08em;text-transform:uppercase;color:var(--prt-cap)}.ex-step q{quotes:none;font-weight:600}.ex-two-grid{display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);align-items:stretch;padding:24px 28px}.ex-side{display:flex;flex-direction:column;gap:12px;padding:24px 26px;border:1px solid var(--cardline);border-radius:16px;background:#fff}.ex-side.is-pie{background:var(--purple);border-color:var(--purple)}.ex-side img{display:block;width:30px;height:30px;padding:4px;border-radius:9px;background:#fff}.ex-side h3{margin:0;font-family:Cabinet Grotesk,sans-serif;font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--ink)}.ex-side.is-pie h3{color:#fff}.ex-side ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0;font-size:16px;line-height:1.35;color:var(--muted)}.ex-side.is-pie ul{color:#efe6fa}.ex-side li{padding-left:14px;border-left:2px solid var(--prt-lilac-line)}.ex-side.is-pie li{border-left-color:#ffffff57}.ex-two-link{position:relative;display:flex;align-items:center;justify-content:center;padding:0 12px}.ex-two-link:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px solid var(--purple)}.ex-two-link:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;margin-top:-5px;border-left:8px solid var(--purple);border-top:5px solid transparent;border-bottom:5px solid transparent}.ex-two-link span{position:relative;padding:8px 10px;border-radius:10px;background:#fff;font-size:13px;font-weight:600;line-height:1.25;text-align:center;color:var(--prt-plum)}@media(min-width:1024px)and (min-height:680px)and (max-height:760px){.ex-map{margin-top:14px}.ex-map-l{padding:12px 16px 10px;gap:8px}.ex-grid{gap:7px}.ex-f{min-height:102px;padding:9px 10px;gap:6px}.ex-f b{font-size:13.5px}.ex-map-r{padding:12px 20px}.ex-k{margin-top:9px}.ex-p h3{font-size:18px}.ex-p-about,.ex-p-tests,.ex-bug dl div{font-size:12.5px}.ex-two-grid{padding:14px 24px}.ex-side{padding:16px 20px;gap:8px}.ex-side ul{gap:7px;font-size:15px}}@media(prefers-reduced-motion:reduce){.ex-map .ex-dots i,.ex-tiles li.on{transition:none}}@media(max-width:1180px){.ex-f b{font-size:14px}.ex-two-grid{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr)}}@media(max-width:1023px){.ex-map{grid-template-columns:minmax(0,1fr)}.ex-map-r{border-left:0;border-top:1px solid var(--line)}.ex-step{position:static;margin:0;padding:12px 14px;border:0;border-top:1px solid var(--line);border-radius:0;font-size:14px}.ex-step .k{font-size:10px}.ex-two-grid{grid-template-columns:minmax(0,1fr);gap:0}.ex-two-link{height:56px}.ex-two-link:before{inset:0 auto 6px 50%;border-top:0;border-left:1.5px solid var(--purple)}.ex-two-link:after{inset:auto auto 0 50%;margin:0 0 0 -5px;border-top:8px solid var(--purple);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}}@media(max-width:760px){.ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-map-l{padding:14px}.ex-map-r{padding:16px 18px}.ex-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-tiles li{min-height:32px;font-size:11px;padding:4px 8px}.ex-tiles li:nth-child(n+9){display:none}.ex-two-grid{padding:16px}.ex-side{padding:18px}}