.pc[data-astro-cid-ibhou7uk]{--pick-white:#fff;--pick-black:#000;gap:var(--s-5);flex-direction:column;display:flex}.pc-panel[data-astro-cid-ibhou7uk]{min-width:0}.pc-work[data-astro-cid-ibhou7uk]{gap:var(--s-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.pc-work[data-astro-cid-ibhou7uk]{justify-content:start;align-items:start;gap:var(--s-6);grid-template-columns:auto minmax(0,34rem)}}.pc-view[data-astro-cid-ibhou7uk]{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.pc-stage[data-astro-cid-ibhou7uk]{border:1px solid var(--control-border);border-radius:var(--r-2);background:repeating-conic-gradient(var(--surface-3) 0% 25%, var(--surface) 0% 50%) 0 0 / 16px 16px;touch-action:manipulation;cursor:crosshair;align-self:flex-start;max-width:100%;line-height:0;position:relative}#pc-canvas[data-astro-cid-ibhou7uk]{border-radius:inherit;width:auto;max-width:100%;height:auto;max-height:min(60vh,32rem);display:block}.pc-markers[data-astro-cid-ibhou7uk]{pointer-events:none;position:absolute;inset:0}.pc-markers[data-astro-cid-ibhou7uk] .pc-mk{border:3px solid var(--pick-white);background:var(--c);width:28px;height:28px;color:var(--fg);box-shadow:0 0 0 1.5px var(--pick-black);font:600 12px/1 var(--font-mono);cursor:grab;touch-action:none;pointer-events:auto;border-radius:50%;place-items:center;margin:-14px 0 0 -14px;padding:0;display:grid;position:absolute}@media (pointer:coarse){.pc-markers[data-astro-cid-ibhou7uk] .pc-mk{width:34px;height:34px;margin:-17px 0 0 -17px}}.pc-markers[data-astro-cid-ibhou7uk] .pc-mk:active{cursor:grabbing}.pc-markers[data-astro-cid-ibhou7uk] .pc-mk:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pc-controls[data-astro-cid-ibhou7uk]{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.pc-controls[data-astro-cid-ibhou7uk] .hint[data-astro-cid-ibhou7uk]{margin:0}.pc-mini[data-astro-cid-ibhou7uk]{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(3.6rem,1fr));display:grid}.pc-mini[data-astro-cid-ibhou7uk]:empty{display:none}.pc-mini[data-astro-cid-ibhou7uk] .pc-mini-c{min-width:0;font:500 11px/1.2 var(--font-mono);color:var(--text-2);flex-direction:column;gap:2px;display:flex}.pc-mini[data-astro-cid-ibhou7uk] .pc-mini-c i{border:1px solid var(--control-border);border-radius:var(--r-1,4px);background:var(--c);height:2.25rem;display:block}.pc-gen[data-astro-cid-ibhou7uk]{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:end;display:grid}@media (width>=760px){.pc-gen[data-astro-cid-ibhou7uk]{gap:var(--s-6);grid-template-columns:minmax(0,16rem) minmax(0,16rem) auto}}.pc-gen-actions[data-astro-cid-ibhou7uk]{align-self:end}.pc-panel[data-astro-cid-ibhou7uk]>.hint[data-astro-cid-ibhou7uk]{margin:var(--s-3) 0 0}.pc-result[data-astro-cid-ibhou7uk]{gap:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border);flex-direction:column;display:flex}.pc-ribbon[data-astro-cid-ibhou7uk]{border:1px solid var(--control-border);border-radius:var(--r-2);height:4.5rem;display:flex;overflow:hidden}.pc-ribbon[data-astro-cid-ibhou7uk]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pc-ribbon[data-astro-cid-ibhou7uk] span{background:var(--c);flex:1 1 0;min-width:2px}.pc-cards[data-astro-cid-ibhou7uk]{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.pc-cards[data-astro-cid-ibhou7uk] .pc-card{gap:var(--s-2);min-width:0;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-3,var(--r-2));background:var(--surface);flex-direction:column;display:flex}.pc-cards[data-astro-cid-ibhou7uk] .pc-swatch{min-height:6.5rem;padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--c);color:var(--fg);justify-content:space-between;align-items:flex-end;display:flex;position:relative}.pc-cards[data-astro-cid-ibhou7uk] .pc-num{top:var(--s-2);left:var(--s-3);font:600 var(--fs-xs) / 1 var(--font-mono);position:absolute}.pc-cards[data-astro-cid-ibhou7uk] .pc-aa{font-size:var(--fs-sm);font-weight:700}.pc-cards[data-astro-cid-ibhou7uk] .pc-ratio{font:500 var(--fs-xs) / 1 var(--font-mono)}.pc-cards[data-astro-cid-ibhou7uk] .pc-tools{top:var(--s-2);right:var(--s-2);gap:var(--s-1);display:flex;position:absolute}.pc-cards[data-astro-cid-ibhou7uk] .pc-tool{border:1px solid var(--border-strong);background:var(--surface);width:2rem;height:2rem;color:var(--text-2);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.pc-cards[data-astro-cid-ibhou7uk] .pc-tool:after{content:"";position:absolute;inset:-6px}.pc-cards[data-astro-cid-ibhou7uk] .pc-tool:hover{color:var(--text);background:var(--surface-2)}.pc-cards[data-astro-cid-ibhou7uk] .pc-tool[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.pc-cards[data-astro-cid-ibhou7uk] .pc-tool:focus-visible,.pc-cards[data-astro-cid-ibhou7uk] .pc-val:focus-visible,.pc-cards[data-astro-cid-ibhou7uk] .pc-open:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pc-cards[data-astro-cid-ibhou7uk] .pc-meta{justify-content:space-between;align-items:baseline;gap:var(--s-2);padding:0 var(--s-1);display:flex}.pc-cards[data-astro-cid-ibhou7uk] .pc-name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.pc-cards[data-astro-cid-ibhou7uk] .pc-share{font:500 var(--fs-xs) / 1 var(--font-mono);color:var(--text-2);flex:none}.pc-cards[data-astro-cid-ibhou7uk] .pc-val{justify-content:space-between;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-1) var(--s-2);border-radius:var(--r-1);color:var(--text);font:500 var(--fs-xs) / var(--lh-snug) var(--font-mono);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.pc-cards[data-astro-cid-ibhou7uk] .pc-val:hover{background:var(--surface-2)}.pc-cards[data-astro-cid-ibhou7uk] .pc-val span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pc-cards[data-astro-cid-ibhou7uk] .pc-val svg{color:var(--text-3,var(--text-2));flex:none}@media (width<=559px){.pc-cards[data-astro-cid-ibhou7uk]{gap:var(--s-3);grid-template-columns:minmax(0,1fr)}.pc-cards[data-astro-cid-ibhou7uk] .pc-card{column-gap:var(--s-2);grid-template-columns:5.25rem minmax(0,1fr);align-items:center;row-gap:0;display:grid}.pc-cards[data-astro-cid-ibhou7uk] .pc-swatch{min-height:8.5rem;padding:var(--s-2);grid-row:1/span 5;align-self:stretch}.pc-cards[data-astro-cid-ibhou7uk] .pc-num{left:var(--s-2)}.pc-cards[data-astro-cid-ibhou7uk] .pc-val{padding-inline:var(--s-1)}.pc-cards[data-astro-cid-ibhou7uk] .pc-tools{gap:var(--s-2);flex-direction:column}.pc-cards[data-astro-cid-ibhou7uk] .pc-open{justify-self:start}}.pc-cards[data-astro-cid-ibhou7uk] .pc-open{padding:var(--s-1) var(--s-2);font-size:var(--fs-xs);color:var(--text-2);text-underline-offset:2px;text-decoration:underline}.pc-export[data-astro-cid-ibhou7uk]{gap:var(--s-3);flex-direction:column;display:flex}.pc-export-grid[data-astro-cid-ibhou7uk]{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=760px){.pc-export-grid[data-astro-cid-ibhou7uk]{grid-template-columns:14rem minmax(0,1fr)}}.pc-code[data-astro-cid-ibhou7uk]{max-height:15rem;padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);font:400 var(--fs-sm) / var(--lh-base) var(--font-mono);white-space:pre;margin:0;overflow:auto}.pc-code[data-astro-cid-ibhou7uk]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width<=899px){.pc-work[data-astro-cid-ibhou7uk]{gap:var(--s-4)}.pc-controls[data-astro-cid-ibhou7uk]{display:contents}.pc-mini[data-astro-cid-ibhou7uk]{order:-1}#pc-canvas[data-astro-cid-ibhou7uk]{max-height:min(34vh,18rem)}.pc-stage[data-astro-cid-ibhou7uk]{align-self:center}}@media (pointer:coarse),(width<=599px){#pc[data-astro-cid-ibhou7uk] .seg-item{min-height:2.75rem}}