.card[data-astro-cid-ypdtyko4].tool-ui{--pane-h:clamp(180px, calc(100svh - 420px), 520px);padding:16px}#scp-drop[data-astro-cid-ypdtyko4][data-drag=true]{outline:2px dashed var(--c-primary);outline-offset:-4px;background:var(--c-primary-soft)}.scp-bar[data-astro-cid-ypdtyko4]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scp-bar__grow[data-astro-cid-ypdtyko4]{flex:auto}.scp-bar[data-astro-cid-ypdtyko4] .btn[data-astro-cid-ypdtyko4]{min-block-size:34px;padding:4px 10px;font-size:13px}.scp-bar[data-astro-cid-ypdtyko4] .btn[data-astro-cid-ypdtyko4][hidden]{display:none}#scp-notice[data-astro-cid-ypdtyko4]{margin-block-start:8px}.scp-root[data-astro-cid-ypdtyko4]{margin-block-start:10px}.scp-busy[data-astro-cid-ypdtyko4]{color:var(--c-text-2);margin:0;padding:12px;font-size:13px}.scp-busy[data-astro-cid-ypdtyko4][hidden],.scp-empty[data-astro-cid-ypdtyko4][hidden],.scp-stage[data-astro-cid-ypdtyko4][hidden],.scp-note[data-astro-cid-ypdtyko4][hidden],.scp-marker[data-astro-cid-ypdtyko4][hidden],.scp-loupe[data-astro-cid-ypdtyko4][hidden]{display:none}.scp-empty[data-astro-cid-ypdtyko4]{flex-direction:column;gap:6px;padding:16px 14px;display:flex}.scp-empty__title[data-astro-cid-ypdtyko4]{margin:0;font-size:14px;font-weight:600}.scp-empty__meta[data-astro-cid-ypdtyko4]{color:var(--c-text-2);margin:0;font-size:13px;line-height:1.5}.scp-empty__screen[data-astro-cid-ypdtyko4]{color:var(--c-text-3)}.scp-body[data-astro-cid-ypdtyko4]{grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:12px;display:grid}.scp-frame[data-astro-cid-ypdtyko4]{block-size:var(--pane-h);background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius);place-items:center;display:grid;position:relative;overflow:hidden}#scp-canvas[data-astro-cid-ypdtyko4]{cursor:crosshair;touch-action:none;max-block-size:100%;max-inline-size:100%;display:block}#scp-canvas[data-astro-cid-ypdtyko4]:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.scp-marker[data-astro-cid-ypdtyko4]{pointer-events:none;border:1px solid #fff;outline:1px solid #000;block-size:10px;inline-size:10px;margin-top:-5px;margin-left:-5px;position:absolute}.scp-loupe[data-astro-cid-ypdtyko4]{z-index:2;border:1px solid var(--c-border);block-size:110px;inline-size:110px;box-shadow:var(--shadow-sm);pointer-events:none;image-rendering:pixelated;border-radius:8px;position:absolute}.scp-readout[data-astro-cid-ypdtyko4]{background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;gap:10px;min-inline-size:0;padding:10px;display:flex}.scp-chip[data-astro-cid-ypdtyko4]{border:1px solid var(--c-border);background-color:#0000;border-radius:8px;block-size:56px;inline-size:100%}.scp-chip--empty[data-astro-cid-ypdtyko4]{background-image:linear-gradient(45deg,#bbb 25%,#0000 25% 75%,#bbb 75%),linear-gradient(45deg,#bbb 25%,#0000 25% 75%,#bbb 75%);background-position:0 0,6px 6px;background-size:12px 12px}.scp-values[data-astro-cid-ypdtyko4]{flex-direction:column;gap:6px;min-inline-size:0;display:flex}.scp-values__title[data-astro-cid-ypdtyko4]{margin:0;font-size:13px;font-weight:600}.scp-values__hint[data-astro-cid-ypdtyko4]{color:var(--c-text-3);margin:0;font-size:12px;line-height:1.4}.scp-row[data-astro-cid-ypdtyko4]{align-items:center;gap:6px;display:flex}.scp-key[data-astro-cid-ypdtyko4]{inline-size:32px;color:var(--c-text-2);flex:none;font-size:12px;font-weight:600}.scp-val[data-astro-cid-ypdtyko4]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex:auto;font-size:12px}.scp-copy[data-astro-cid-ypdtyko4]{flex:none;min-block-size:26px;padding:2px 6px;font-size:11px}.scp-meta-line[data-astro-cid-ypdtyko4]{color:var(--c-text-2);flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:0;font-size:12px;display:flex}.scp-meta__key[data-astro-cid-ypdtyko4]{color:var(--c-text-3)}.scp-meta__val[data-astro-cid-ypdtyko4]{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.scp-note[data-astro-cid-ypdtyko4]{color:var(--c-text-2);margin:0;font-size:12px;line-height:1.4}.scp-source[data-astro-cid-ypdtyko4]{color:var(--c-text-3);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;margin:6px 0 0;font-size:12px}.scp-picked[data-astro-cid-ypdtyko4]{border-block-start:1px solid var(--c-border);margin-block-start:10px;padding-block-start:10px}.scp-picked__head[data-astro-cid-ypdtyko4]{justify-content:space-between;align-items:center;gap:8px;display:flex}.scp-picked__title[data-astro-cid-ypdtyko4]{margin:0;font-size:13px;font-weight:600}.scp-mini[data-astro-cid-ypdtyko4]{min-block-size:28px;padding:2px 8px;font-size:12px}.scp-list[data-astro-cid-ypdtyko4]{flex-wrap:wrap;gap:6px;margin-block-start:8px;display:flex}.scp-list[data-astro-cid-ypdtyko4]:empty{margin-block-start:0}.scp-swatch[data-astro-cid-ypdtyko4]{background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 2px;display:inline-flex}.scp-swatch__chip[data-astro-cid-ypdtyko4]{border:1px solid var(--c-border);cursor:pointer;border-radius:999px;block-size:22px;inline-size:22px;padding:0}.scp-swatch__chip[data-astro-cid-ypdtyko4]:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.scp-swatch__hex[data-astro-cid-ypdtyko4]{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate;font-size:12px}.scp-swatch__x[data-astro-cid-ypdtyko4]{color:var(--c-text-3);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:12px;line-height:1}.scp-swatch__x[data-astro-cid-ypdtyko4]:hover{color:var(--c-text)}#scp-picked-empty[data-astro-cid-ypdtyko4][hidden]{display:none}@media (width<=600px){.card[data-astro-cid-ypdtyko4].tool-ui{--pane-h:clamp(130px, calc(100svh - 710px), 380px);padding:12px}.scp-body[data-astro-cid-ypdtyko4]{grid-template-columns:minmax(0,1fr);gap:8px}.scp-bar[data-astro-cid-ypdtyko4] .btn[data-astro-cid-ypdtyko4]{min-block-size:28px;padding:2px 6px;font-size:12px}.scp-readout[data-astro-cid-ypdtyko4]{flex-direction:row;align-items:center;gap:10px;padding:8px}.scp-values[data-astro-cid-ypdtyko4]{gap:4px}.scp-chip[data-astro-cid-ypdtyko4]{flex:none;block-size:56px;inline-size:56px}.scp-empty[data-astro-cid-ypdtyko4]{padding:12px}}