.sp-checker.svelte-1r5dvc8{position:absolute;inset:0;z-index:0;background:repeating-conic-gradient(var(--surface-2, var(--surface)) 0% 25%,var(--card) 0% 50%) 0 0 / 18px 18px;opacity:.9}.sp-split.svelte-1r5dvc8{position:relative;display:grid;grid-template-columns:1fr 2px 1fr;gap:0;width:100%;aspect-ratio:4 / 3;min-height:240px;border-radius:var(--r-ctl, 6px);overflow:hidden;background:var(--surface)}.sp-panel.svelte-1r5dvc8{position:relative;overflow:hidden;display:grid;place-items:center}.sp-panel.svelte-1r5dvc8 .pw-img:where(.svelte-1r5dvc8){padding:10px}.sp-divider.svelte-1r5dvc8{background:var(--line-strong)}.sp-badge.svelte-1r5dvc8{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;font:600 11px/1 var(--font-mono);padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--ink) 78%,transparent);color:var(--bg)}.sp-badge--ok.svelte-1r5dvc8{background:color-mix(in srgb,var(--success) 88%,transparent);color:#fff}.sp-lock.svelte-1r5dvc8{flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--r-ctl, 6px);background:var(--card);color:var(--ink-2);cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.sp-lock.svelte-1r5dvc8:hover{border-color:var(--accent)}.sp-lock--active.svelte-1r5dvc8{border-color:var(--accent);background:var(--sage-tint);color:var(--accent)}.sp-color.svelte-1r5dvc8{display:flex;align-items:center;gap:10px;margin-top:4px}.sp-color-input.svelte-1r5dvc8{width:44px;height:32px;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-ctl, 6px);background:var(--card);cursor:pointer}.sp-color-input.svelte-1r5dvc8::-webkit-color-swatch-wrapper{padding:3px}.sp-color-input.svelte-1r5dvc8::-webkit-color-swatch{border:none;border-radius:3px}.sp-hex.svelte-1r5dvc8{font:600 13px/1 var(--font-mono);color:var(--ink-2);text-transform:uppercase}.sp-indeterminate.svelte-1r5dvc8{width:40%!important;animation:svelte-1r5dvc8-sp-sweep 1.1s ease-in-out infinite}@keyframes svelte-1r5dvc8-sp-sweep{0%{margin-left:0%}50%{margin-left:60%}to{margin-left:0%}}@media(prefers-reduced-motion:reduce){.sp-indeterminate.svelte-1r5dvc8{animation:none;width:100%!important}}