/* page-decision-models.css: the Decision models deck on /ai (wrapper #p-ai, ai.php). Was /decision-models (#p-decisions), merged with /connect as /technology (#p-technology) 2026-10-26, owner ask; moved with its deck to /ai on 2026-10-31 (R2·5, R2·10, build step 4a: every selector re-scoped #p-technology → #p-ai, nothing else changed). Loaded after page-ai.css. Its view is content/views/ai/03-models.php, on the surface ground after AI governance (tint). content/js/ai.js (the deck block) runs the deck's bar. 2026-10-27 (owner ask: the page was too long; "make it much more condensed, maybe with the user being able to flip cards left to right"): the rules ledger and the model sections it led to (Decision Tree, KPI status, Effectiveness, Vera briefing, AI drafts) are parked, each with its CSS from this file verbatim, in content/views/ai/.parking-lot/07-ledger.css ... 12-ai.css (in technology/.parking-lot/ until 2026-10-31). The header (1) and the CTA row (8) were parked there on 2026-10-26. What stays: the product marks the cards draw, and the deck. Production state: P1 light ("Light steel") only. Loaded after site.css. Every selector starts with #p-ai. Sections: 1 shared: the link hit area; the product marks outside a frame (D49, D51, D52) and the Vera fact's disc 2 Decision models deck (#pd-models): a sideways scroll-snap row of ten cards, previous / next and a count Motion: none but the deck's scroll (a glide from the buttons, a cut under reduced motion). Mono (D54) only for ids (.pd-id). Colors are tokens only. */ /* 1 · Shared ----------------------------------------------------------------------------------------------- */ /* D54 sweep. Every standalone link on this route keeps a 40px hit area at every width (the base .link-ghost has it only below 768; QA2-11). */ #p-ai .pd-deck-sec .link-ghost { min-height: 40px; } /* Product marks outside a frame (D49 ledger specimens, D51 KPI status marks, D52 verdict pills). A mark is not a screen: glyph size, no frame, no card, no tag (the ledger row carries the status). The markup names the .app part it draws (.app-st, .app-chip, .app-btn.bolt), but those recipes are scoped to .app (site.css 49) and an .app needs a strip, so this section-scoped helper restates the few declarations a mark needs, on the same --app-* and --bolt-* tokens. .app-ring is unscoped (49r) and only takes a size here. */ #p-ai .pd-spec { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-bottom: var(--s-2); font-family: var(--app-font); } #p-ai .pd-mk.app-st { position: relative; display: inline-flex; align-items: center; min-height: 14px; padding-left: 20px; font-family: var(--app-font); font-size: 13px; font-weight: 700; line-height: 1.3; white-space: nowrap; color: var(--pd-st-ink, var(--app-mute)); } #p-ai .pd-mk.app-st::before { content: ""; position: absolute; left: 0; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: var(--pd-st-mark, var(--app-faint)); } #p-ai .pd-mk.app-st::after { content: ""; position: absolute; left: 3px; top: 50%; width: 8px; height: 8px; margin-top: -4px; background: var(--app-card); -webkit-mask: var(--pd-st-glyph, var(--app-g-dot)) center / contain no-repeat; mask: var(--pd-st-glyph, var(--app-g-dot)) center / contain no-repeat; } #p-ai .pd-mk.app-st.good { --pd-st-ink: var(--app-good-ink); --pd-st-mark: var(--app-good); --pd-st-glyph: var(--app-g-check); } #p-ai .pd-mk.app-st.bad { --pd-st-ink: var(--app-bad-ink); --pd-st-mark: var(--app-bad); --pd-st-glyph: var(--app-g-x); } #p-ai .pd-mk.app-st.nogoal { --pd-st-ink: var(--app-nogoal-ink); --pd-st-mark: var(--app-nogoal); --pd-st-glyph: var(--app-g-dash); } #p-ai .pd-mk.app-st.nodata { --pd-st-ink: var(--app-mute); --pd-st-mark: var(--app-faint); --pd-st-glyph: var(--app-g-dot); } #p-ai .pd-mk-ring { --ring-size: 28px; --ring-w: 3px; gap: 0; font-family: var(--app-font); } #p-ai .pd-mk-ring > b { font-size: 12px; letter-spacing: 0; } #p-ai .pd-mk-tiles { gap: 4px; } #p-ai .pd-mk-tiles i { display: block; width: 22px; height: 16px; border-radius: 3px; background: var(--app-faint); } #p-ai .pd-mk-tiles .is-green { background: var(--app-good); } #p-ai .pd-mk-tiles .is-yellow { background: var(--app-warn); } #p-ai .pd-mk-tiles .is-dark { background: var(--app-navy); } #p-ai .pd-mk-tiles .is-grey { background: transparent; border: 1.5px dashed var(--app-faint); } #p-ai .pd-mk-fact { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; line-height: 1.4; color: var(--app-ink-2); } #p-ai .pd-mk-fact b { font-weight: 700; color: var(--app-ink); } #p-ai .pd-mk.app-chip { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; background: var(--app-card); border: 1px solid var(--app-line); border-radius: var(--app-r-round); font-size: 12px; font-weight: 700; line-height: 1.2; color: var(--app-ink); white-space: nowrap; } /* The ⚡ Take action button is the pilot's kit gold button (O0, the pilot split: --bolt-btn-*). */ #p-ai .pd-mk.app-btn.bolt { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 4px 10px; background: var(--bolt-btn-bg); border: 1px solid var(--bolt-btn-line, var(--bolt-btn-bg)); border-radius: var(--app-r-ctl); font: 700 12px/1.2 var(--app-font); color: var(--bolt-btn-ink); white-space: nowrap; } #p-ai .pd-mk.app-btn.bolt::before { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--app-i-bolt) center / contain no-repeat; mask: var(--app-i-bolt) center / contain no-repeat; } /* The product's verdict pill (Did the actions work?): borderless, radius 11, bold; the word carries the verdict. */ #p-ai .pd-verdict { display: inline-flex; align-items: center; max-width: 100%; min-height: 24px; padding: 0 10px; border-radius: 11px; background: var(--app-s5-bg); font-family: var(--app-font); font-size: 13px; font-weight: 700; line-height: 1.3; color: var(--app-s5-ink); } #p-ai .pd-verdict--ok { background: var(--app-good-soft); color: var(--app-good-ink); } #p-ai .pd-verdict--flat { background: var(--app-s5-bg); color: var(--app-s5-ink); } #p-ai .pd-verdict--worse { background: var(--app-bad-soft); color: var(--app-bad-ink); } #p-ai .pd-mk-menuh { font-family: var(--app-font); font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .6px; text-transform: uppercase; color: var(--app-mute); } /* Row 10: the What-If grid's two cells side by side, Average OEE then Simulated OEE in the product's blue cell (productRateWhatIf.php:203-204, cellColor-blue). Sample values: 72.0% run at 110% of today's rate gives 79.2%. */ #p-ai .pd-mk-vals { gap: 0; } #p-ai .pd-mk-val { display: grid; gap: 1px; min-width: 92px; padding: 4px 10px; background: var(--app-card); border: 1px solid var(--app-line); border-radius: var(--app-r-ctl) 0 0 var(--app-r-ctl); } #p-ai .pd-mk-val + .pd-mk-val { border-left: 0; border-radius: 0 var(--app-r-ctl) var(--app-r-ctl) 0; } #p-ai .pd-mk-val small { font-size: 12px; font-weight: 700; line-height: 1.3; color: var(--app-mute); } #p-ai .pd-mk-val b { font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--app-ink); font-variant-numeric: tabular-nums; } #p-ai .pd-mk-val--sim { background: var(--app-primary-soft); border-color: var(--app-primary-line); } #p-ai .pd-mk-val--sim small { color: var(--app-ink-2); } #p-ai .pd-mk-val--sim b { color: var(--app-primary-dark); } /* The Vera fact's disc (an 18px disc with the white "!" glyph, as .app-fact-m draws it; .app-fact-m is scoped to .app, so a mark outside the frame takes this helper). From §6 Vera briefing, parked 2026-10-27 (11-vera.css). */ #p-ai .pd-dot { position: relative; display: inline-block; flex: none; width: 18px; height: 18px; border-radius: 50%; background: var(--pd-dot-c, var(--app-bad)); } #p-ai .pd-dot::after { content: ""; position: absolute; inset: 4px; background: var(--app-card); -webkit-mask: var(--app-g-bang) center / contain no-repeat; mask: var(--app-g-bang) center / contain no-repeat; } #p-ai .pd-dot--bad { --pd-dot-c: var(--app-bad); } #p-ai .pd-dot--warn { --pd-dot-c: var(--app-warn); } @media (forced-colors: active) { #p-ai :is(.pd-mk.app-chip, .pd-mk.app-btn.bolt, .pd-verdict, .pd-mk-val) { border: 1px solid; } #p-ai .pd-mk.app-st::before, #p-ai .pd-dot, #p-ai .pd-mk-tiles i { forced-color-adjust: none; background: Canvas; border: 1px solid CanvasText; } #p-ai .pd-mk.app-st::after, #p-ai .pd-dot::after, #p-ai .pd-mk.app-btn.bolt::before { forced-color-adjust: none; background: CanvasText; } } /* 2 · Decision models deck (#pd-models, 03-models; owner ask 2026-10-27) -------------------------------------- */ /* The ten models, one card each, flipped left to right. The list itself is the scroller: a sideways scroll-snap row of grid columns that starts on the content edge and runs on to the window's edge, so the next card shows past the container. --pd-edge is that content edge in the section (the sum .container makes); it pads the row and is where each card snaps. Three cards fill the content width from 1024, two from 720, one with the next one showing below. The bar (count, previous, next) ships hidden and ai.js shows it; without it the row still scrolls. */ #p-ai .pd-deck-sec .section-head { margin-bottom: var(--s-5); } #p-ai .pd-deck-sec .section-head h2 { max-width: 24em; } #p-ai .pd-deck-bar { display: flex; align-items: center; gap: var(--s-2); margin-bottom: var(--s-4); } #p-ai .pd-deck-bar[hidden] { display: none; } #p-ai .pd-deck-count { margin-right: auto; font-size: 14px; line-height: 1.4; color: var(--ink-3); font-variant-numeric: tabular-nums; } #p-ai .pd-deck-count b { font-weight: 600; color: var(--ink); } #p-ai .pd-deck-btn { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; background: var(--surface); border: 1px solid var(--ink); border-radius: 50%; color: var(--ink); cursor: pointer; transition: background-color var(--t-fast) ease-out, border-color var(--t-fast) ease-out, color var(--t-fast) ease-out; } #p-ai .pd-deck-btn .icon { width: 16px; height: 16px; } #p-ai .pd-deck-btn:hover:not(:disabled) { background: var(--ink); color: var(--surface); } #p-ai .pd-deck-btn:disabled { border-color: var(--hairline); color: var(--line-strong); cursor: default; } #p-ai .pd-deck { --pd-edge: max(var(--gutter), (100% - var(--container)) / 2 + var(--gutter)); --pd-gap: var(--s-4); position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: calc(100% - 32px); gap: var(--pd-gap); margin: 0; padding: 2px var(--pd-edge) var(--s-4); list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--pd-edge); scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; } @media (min-width: 720px) { #p-ai .pd-deck { grid-auto-columns: calc((100% - var(--pd-gap)) / 2); } } @media (min-width: 1024px) { #p-ai .pd-deck { --pd-gap: var(--s-5); grid-auto-columns: calc((100% - 2 * var(--pd-gap)) / 3); } } #p-ai .pd-deck:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; } /* Owner ask 2026-10-27: no scroll bar. Once ai.js runs the deck (.is-paged) the bar is hidden at all times: the buttons, the count and the fade say where you are. Without the script it stays, the row's only visible way to scroll with a mouse. */ #p-ai .pd-deck.is-paged { padding-bottom: 2px; scrollbar-width: none; } #p-ai .pd-deck.is-paged::-webkit-scrollbar { display: none; } /* A card: index and status, the name, the mark on a white panel with its example, how it decides, what it reads (at the foot, so the Reads lines share a baseline across a row). On the white section the card takes the page ground. A card a link lands on (#pd-tree, #pd-effect ...) takes the action edge. */ #p-ai .pd-card { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; padding: var(--s-5); background: var(--bg); border: 1px solid var(--hairline); border-radius: var(--r-card); scroll-snap-align: start; } #p-ai .pd-card:target { border-color: var(--action); box-shadow: inset 0 0 0 1px var(--action); } /* Owner ask 2026-10-27: the cards outside the ones in focus fade away. ai.js sets --pd-in (0 outside the content width, 1 inside, between while a card slides), so the fade follows the scroll; without the script it stays 1. */ #p-ai .pd-card { opacity: calc(0.18 + 0.82 * var(--pd-in, 1)); } /* With subgrid every card's six parts share the deck's six rows, so names, panels, "How it decides" and "Reads" line up across the row; without it each card is a column of its own (above). */ @supports (grid-template-rows: subgrid) { #p-ai .pd-deck { grid-template-rows: repeat(6, auto); row-gap: 0; } #p-ai .pd-card { display: grid; grid-row: span 6; grid-template-rows: subgrid; row-gap: var(--s-3); } #p-ai .pd-card > .pd-card-in { margin-top: 0; } } #p-ai .pd-card-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; } #p-ai .pd-idx { margin-right: auto; font-size: 13px; font-weight: 600; line-height: 1.5; color: var(--ink-3); font-variant-numeric: tabular-nums; } #p-ai .pd-model { font-size: 20px; font-weight: 600; line-height: 1.3; color: var(--ink); } #p-ai .pd-card-sub { margin-top: calc(-1 * var(--s-2)); font-size: 14px; line-height: 1.4; color: var(--ink-3); } #p-ai .pd-card-see { display: grid; align-content: center; gap: var(--s-2); min-height: 120px; padding: var(--s-4); background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-card); } #p-ai .pd-card-see .pd-spec { min-height: 40px; margin-bottom: 0; } /* In the ledger the tiles and the What-If pair were the .pd-spec row itself; on a card they sit inside it. */ #p-ai .pd-card-see :is(.pd-mk-tiles, .pd-mk-vals) { display: flex; } #p-ai .pd-card-see .pd-mk-ring { --ring-size: 40px; --ring-w: 4px; } #p-ai .pd-card-see .pd-mk-ring > b { font-size: 14px; } #p-ai .pd-card-see p { font-size: 13px; line-height: 1.45; color: var(--ink-2); } /* Ids keep together ("RCA #219" never breaks after "RCA"). */ #p-ai .pd-id { font-family: var(--font-mono); font-size: 13px; white-space: nowrap; } #p-ai .pd-card-k { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--ink-3); } #p-ai .pd-card-logic { font-size: 15px; line-height: 1.5; color: var(--ink-2); } #p-ai .pd-logic-lead { font-weight: 500; color: var(--ink); } #p-ai .pd-card-in { margin-top: auto; padding-top: var(--s-3); border-top: 1px solid var(--hairline); font-size: 14px; line-height: 1.5; color: var(--ink-3); } @media (max-width: 767px) { #p-ai .pd-card { padding: 20px; } #p-ai .pd-model { font-size: 18px; } } #p-ai .pd-deck-foot { max-width: 68ch; margin-top: var(--s-5); margin-bottom: var(--s-2); font-size: 15px; line-height: 1.55; color: var(--ink-2); } @media (forced-colors: active) { #p-ai .pd-deck-btn:disabled { border-color: GrayText; color: GrayText; } #p-ai .pd-card:target { outline: 2px solid Highlight; } } /* 3 · Card line art (owner ask 2026-10-27: "adding some line vectors or SVGs to the background of each to depict AI for the ones that are on the technology page"). Each model card carries a faint drawing of how it thinks, on a dot lattice: a signal crossing its goal (KPI status), a weighted tree (Decision Tree), tiles rolling up to one board, a small neural net (Vera), traced circuits (Chase Logic), a threshold breach (RCA), a covered graph (Coverage), a gap closing (Effectiveness), ranked owners, branching futures (What-If). The modules cards draw plant-floor blueprints instead, so the two decks do not look alike. The drawing is a mask on a ::before in the action blue (absolute, so it is no subgrid item), top right, bleeding off the card; the white panel sits over its lower half. Built by .plans/site-overhaul/tools/tech-card-art.py (one SVG per model): edit the motifs there and re-paste. */ #p-ai .pd-card { position: relative; isolation: isolate; overflow: hidden; } #p-ai .pd-card::before { content: ""; position: absolute; z-index: -1; top: -18px; right: -26px; width: 232px; height: 232px; background: var(--action); opacity: 0.08; -webkit-mask: var(--pd-art) center / contain no-repeat; mask: var(--pd-art) center / contain no-repeat; pointer-events: none; transition: opacity var(--t-fast) ease-out, transform 600ms ease-out; } #p-ai .pd-card:hover::before { opacity: 0.12; transform: translate(-4px, 4px); } @media (prefers-reduced-motion: reduce) { #p-ai .pd-card::before { transition: none; } #p-ai .pd-card:hover::before { transform: none; } } @media (forced-colors: active) { #p-ai .pd-card::before { display: none; } } #p-ai #pd-kpi { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Cpath d='M10 130 L21 104 L32 89 L43 88 L54 97 L65 106 L76 111 L87 112 L98 116 L109 129 L120 151 L131 173 L142 184 L153 178 L164 159 L175 137 L186 122 L197 116 L208 115 L219 110 L230 99'/%3E%3Cpath d='M8 118H232' stroke-dasharray='5 5'/%3E%3Ccircle cx='10' cy='130' r='3' fill='%23000'/%3E%3Ccircle cx='54' cy='97' r='3' fill='%23000'/%3E%3Ccircle cx='98' cy='116' r='3' fill='%23000'/%3E%3Ccircle cx='142' cy='184' r='3' fill='%23000'/%3E%3Ccircle cx='186' cy='122' r='3' fill='%23000'/%3E%3Ccircle cx='230' cy='99' r='3' fill='%23000'/%3E%3Ccircle cx='232' cy='118' r='4'/%3E%3C/svg%3E"); } #p-ai #pd-tree { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Cpath d='M120 26L44 84'/%3E%3Cpath d='M120 26L196 84'/%3E%3Cpath d='M44 84L6 142'/%3E%3Cpath d='M44 84L82 142'/%3E%3Cpath d='M196 84L158 142'/%3E%3Cpath d='M196 84L234 142'/%3E%3Cpath d='M6 142L-13 200'/%3E%3Cpath d='M6 142L25 200'/%3E%3Cpath d='M82 142L63 200'/%3E%3Cpath d='M82 142L101 200'/%3E%3Cpath d='M158 142L139 200'/%3E%3Cpath d='M158 142L177 200'/%3E%3Cpath d='M234 142L215 200'/%3E%3Cpath d='M234 142L253 200'/%3E%3Ccircle cx='120' cy='26' r='4.2' fill='%23000'/%3E%3Ccircle cx='44' cy='84' r='3.4' fill='%23000'/%3E%3Ccircle cx='196' cy='84' r='3.4'/%3E%3Ccircle cx='6' cy='142' r='3.4' fill='%23000'/%3E%3Ccircle cx='82' cy='142' r='3.4'/%3E%3Ccircle cx='158' cy='142' r='3.4'/%3E%3Ccircle cx='234' cy='142' r='3.4' fill='%23000'/%3E%3Ccircle cx='-13' cy='200' r='3.4' fill='%23000'/%3E%3Ccircle cx='25' cy='200' r='3.4'/%3E%3Ccircle cx='63' cy='200' r='3.4'/%3E%3Ccircle cx='101' cy='200' r='3.4' fill='%23000'/%3E%3Ccircle cx='139' cy='200' r='3.4'/%3E%3Ccircle cx='177' cy='200' r='3.4'/%3E%3Ccircle cx='215' cy='200' r='3.4' fill='%23000'/%3E%3Ccircle cx='253' cy='200' r='3.4'/%3E%3C/svg%3E"); } #p-ai #pd-roll { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Crect x='12' y='18' width='28' height='24' rx='4'/%3E%3Crect x='64' y='18' width='28' height='24' rx='4'/%3E%3Crect x='116' y='18' width='28' height='24' rx='4'/%3E%3Crect x='168' y='18' width='28' height='24' rx='4'/%3E%3Crect x='12' y='60' width='28' height='24' rx='4'/%3E%3Crect x='64' y='60' width='28' height='24' rx='4'/%3E%3Crect x='116' y='60' width='28' height='24' rx='4'/%3E%3Crect x='168' y='60' width='28' height='24' rx='4'/%3E%3Cpath d='M26 84C26 150 120 130 120 180'/%3E%3Cpath d='M78 84C78 150 120 130 120 180'/%3E%3Cpath d='M130 84C130 150 120 130 120 180'/%3E%3Cpath d='M182 84C182 150 120 130 120 180'/%3E%3Crect x='86' y='180' width='68' height='40' rx='8'/%3E%3Ccircle cx='120' cy='200' r='5' fill='%23000'/%3E%3C/svg%3E"); } #p-ai #pd-vera { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 40L90 20'/%3E%3Cpath d='M30 40L90 60'/%3E%3Cpath d='M30 40L90 100'/%3E%3Cpath d='M30 40L90 140'/%3E%3Cpath d='M30 40L90 180'/%3E%3Cpath d='M30 40L90 220'/%3E%3Cpath d='M30 90L90 140'/%3E%3Cpath d='M30 90L90 180'/%3E%3Cpath d='M30 90L90 220'/%3E%3Cpath d='M30 140L90 20'/%3E%3Cpath d='M30 140L90 60'/%3E%3Cpath d='M30 140L90 100'/%3E%3Cpath d='M30 190L90 60'/%3E%3Cpath d='M30 190L90 100'/%3E%3Cpath d='M90 20L150 60'/%3E%3Cpath d='M90 20L150 180'/%3E%3Cpath d='M90 20L150 220'/%3E%3Cpath d='M90 60L150 20'/%3E%3Cpath d='M90 60L150 60'/%3E%3Cpath d='M90 60L150 180'/%3E%3Cpath d='M90 60L150 220'/%3E%3Cpath d='M90 100L150 180'/%3E%3Cpath d='M90 100L150 220'/%3E%3Cpath d='M90 140L150 60'/%3E%3Cpath d='M90 140L150 100'/%3E%3Cpath d='M90 140L150 140'/%3E%3Cpath d='M90 140L150 220'/%3E%3Cpath d='M90 180L150 20'/%3E%3Cpath d='M90 180L150 100'/%3E%3Cpath d='M90 180L150 140'/%3E%3Cpath d='M90 180L150 180'/%3E%3Cpath d='M90 180L150 220'/%3E%3Cpath d='M90 220L150 60'/%3E%3Cpath d='M90 220L150 100'/%3E%3Cpath d='M90 220L150 140'/%3E%3Cpath d='M90 220L150 220'/%3E%3Cpath d='M150 20L210 40'/%3E%3Cpath d='M150 20L210 140'/%3E%3Cpath d='M150 60L210 90'/%3E%3Cpath d='M150 60L210 140'/%3E%3Cpath d='M150 60L210 190'/%3E%3Cpath d='M150 100L210 140'/%3E%3Cpath d='M150 100L210 190'/%3E%3Cpath d='M150 140L210 40'/%3E%3Cpath d='M150 140L210 90'/%3E%3Cpath d='M150 140L210 140'/%3E%3Cpath d='M150 220L210 40'/%3E%3Cpath d='M150 220L210 90'/%3E%3Ccircle cx='30' cy='40' r='4'/%3E%3Ccircle cx='30' cy='90' r='4'/%3E%3Ccircle cx='30' cy='140' r='4'/%3E%3Ccircle cx='30' cy='190' r='4'/%3E%3Ccircle cx='90' cy='20' r='4'/%3E%3Ccircle cx='90' cy='60' r='4'/%3E%3Ccircle cx='90' cy='100' r='4'/%3E%3Ccircle cx='90' cy='140' r='4'/%3E%3Ccircle cx='90' cy='180' r='4'/%3E%3Ccircle cx='90' cy='220' r='4'/%3E%3Ccircle cx='150' cy='20' r='4'/%3E%3Ccircle cx='150' cy='60' r='4'/%3E%3Ccircle cx='150' cy='100' r='4'/%3E%3Ccircle cx='150' cy='140' r='4'/%3E%3Ccircle cx='150' cy='180' r='4'/%3E%3Ccircle cx='150' cy='220' r='4'/%3E%3Ccircle cx='210' cy='40' r='4'/%3E%3Ccircle cx='210' cy='90' r='4' fill='%23000'/%3E%3Ccircle cx='210' cy='140' r='4'/%3E%3Ccircle cx='210' cy='190' r='4'/%3E%3C/svg%3E"); } #p-ai #pd-chase { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Crect x='14' y='96' width='34' height='34' rx='5'/%3E%3Crect x='74' y='96' width='34' height='34' rx='5'/%3E%3Crect x='134' y='96' width='34' height='34' rx='5'/%3E%3Crect x='194' y='96' width='34' height='34' rx='5'/%3E%3Cpath d='M48 113H74M108 113H134M168 113H194'/%3E%3Cpath d='M31 96V60H90V40M91 130V170H150V200M151 96V50H210V20M211 130V180H230'/%3E%3Ccircle cx='90' cy='40' r='3' fill='%23000'/%3E%3Ccircle cx='150' cy='200' r='3' fill='%23000'/%3E%3Ccircle cx='210' cy='20' r='3' fill='%23000'/%3E%3Ccircle cx='230' cy='180' r='3' fill='%23000'/%3E%3Ccircle cx='31' cy='60' r='3' fill='%23000'/%3E%3Ccircle cx='91' cy='170' r='3' fill='%23000'/%3E%3Ccircle cx='151' cy='50' r='3' fill='%23000'/%3E%3Ccircle cx='211' cy='180' r='3' fill='%23000'/%3E%3Cpath d='M84 104l14 18M98 104l-14 18' stroke-width='1.6'/%3E%3C/svg%3E"); } #p-ai #pd-rca { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Cpath d='M14 210V192'/%3E%3Cpath d='M34 210V180'/%3E%3Cpath d='M54 210V198'/%3E%3Cpath d='M74 210V166'/%3E%3Cpath d='M94 210V188'/%3E%3Cpath d='M114 210V194'/%3E%3Cpath d='M134 210V114'/%3E%3Cpath d='M154 210V184'/%3E%3Cpath d='M174 210V200'/%3E%3Cpath d='M194 210V176'/%3E%3Cpath d='M214 210V190'/%3E%3Cpath d='M6 150H234' stroke-dasharray='6 5'/%3E%3Cpath d='M6 180H234' stroke-dasharray='2 5'/%3E%3Ccircle cx='134' cy='114' r='12'/%3E%3Ccircle cx='134' cy='114' r='3' fill='%23000'/%3E%3C/svg%3E"); } #p-ai #pd-cover { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 50L110 30'/%3E%3Cpath d='M110 30L190 60'/%3E%3Cpath d='M40 50L70 120'/%3E%3Cpath d='M110 30L150 110'/%3E%3Cpath d='M190 60L210 150'/%3E%3Cpath d='M70 120L150 110'/%3E%3Cpath d='M150 110L210 150'/%3E%3Cpath d='M70 120L40 190'/%3E%3Cpath d='M150 110L120 190'/%3E%3Cpath d='M210 150L190 215'/%3E%3Cpath d='M40 190L120 190'/%3E%3Cpath d='M120 190L190 215'/%3E%3Cpath d='M110 30L70 120'/%3E%3Cpath d='M150 110L190 215'/%3E%3Ccircle cx='40' cy='50' r='4.5'/%3E%3Ccircle cx='110' cy='30' r='4.5' fill='%23000'/%3E%3Ccircle cx='190' cy='60' r='4.5'/%3E%3Ccircle cx='70' cy='120' r='4.5'/%3E%3Ccircle cx='150' cy='110' r='4.5' fill='%23000'/%3E%3Ccircle cx='210' cy='150' r='4.5'/%3E%3Ccircle cx='40' cy='190' r='4.5'/%3E%3Ccircle cx='120' cy='190' r='4.5' fill='%23000'/%3E%3Ccircle cx='190' cy='215' r='4.5'/%3E%3Ccircle cx='110' cy='30' r='11'/%3E%3Ccircle cx='150' cy='110' r='11'/%3E%3Ccircle cx='120' cy='190' r='11'/%3E%3C/svg%3E"); } #p-ai #pd-effect { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Cpath d='M10 70C60 70 80 74 110 76'/%3E%3Cpath d='M110 76C140 80 160 150 230 166'/%3E%3Cpath d='M8 172H232' stroke-dasharray='5 5'/%3E%3Cpath d='M110 30V220' stroke-dasharray='2 5'/%3E%3Cpath d='M200 82V156M194 150l6 8 6-8'/%3E%3Ccircle cx='110' cy='76' r='4' fill='%23000'/%3E%3Ccircle cx='230' cy='166' r='4'/%3E%3C/svg%3E"); } #p-ai #pd-owner { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='120' r='6' fill='%23000'/%3E%3Cpath d='M42 120C100 120 90 40 150 40'/%3E%3Ccircle cx='150' cy='40' r='4' fill='%23000'/%3E%3Cpath d='M164 40H210'/%3E%3Cpath d='M42 120C100 120 104 90 164 90'/%3E%3Ccircle cx='164' cy='90' r='4'/%3E%3Cpath d='M178 90H214'/%3E%3Cpath d='M42 120C100 120 118 140 178 140'/%3E%3Ccircle cx='178' cy='140' r='4'/%3E%3Cpath d='M192 140H218'/%3E%3Cpath d='M42 120C100 120 132 190 192 190'/%3E%3Ccircle cx='192' cy='190' r='4'/%3E%3Cpath d='M206 190H222'/%3E%3C/svg%3E"); } #p-ai #pd-whatif { --pd-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='36' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='60' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='84' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='108' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='132' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='156' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='180' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='60' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='108' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='156' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='204' cy='204' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='36' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='84' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='132' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='180' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='228' cy='228' r='.9' fill='%23000' stroke='none'/%3E%3Cpath d='M10 160C60 160 80 150 100 140'/%3E%3Cpath d='M100 140C150 116 180 50 230 50'/%3E%3Ccircle cx='230' cy='50' r='3.4' fill='%23000'/%3E%3Cpath d='M100 140C150 116 180 85 230 85' stroke-dasharray='5 5'/%3E%3Ccircle cx='230' cy='85' r='3.4' fill='%23000'/%3E%3Cpath d='M100 140C150 116 180 120 230 120' stroke-dasharray='2 5'/%3E%3Ccircle cx='230' cy='120' r='3.4' fill='%23000'/%3E%3Cpath d='M100 140C150 116 180 160 230 160' stroke-dasharray='5 5'/%3E%3Ccircle cx='230' cy='160' r='3.4' fill='%23000'/%3E%3Ccircle cx='100' cy='140' r='5'/%3E%3C/svg%3E"); }