.grain-demo.svelte-zwxy89{justify-content:center;align-items:center;gap:clamp(1rem,3vw,1.5rem);display:flex}.grain-surface.svelte-zwxy89{aspect-ratio:1;border-radius:12px;flex-shrink:0;width:clamp(8rem,22vw,11rem);position:relative;overflow:hidden}.grain-surface.svelte-zwxy89 img:where(.svelte-zwxy89){object-fit:cover;object-position:center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.grain-swatch.svelte-zwxy89{background:linear-gradient(135deg,#f5f0e8 0%,#e8e0d0 50%,#d4c8b4 100%);width:100%;height:100%}.grain-ctrl.svelte-zwxy89{font-family:var(--font-mono);justify-content:center;align-items:center;gap:.75rem;margin-top:clamp(1rem,2.5vw,1.4rem);font-size:.8rem;display:flex}.ctrl-label.svelte-zwxy89{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.ctrl-range.svelte-zwxy89{appearance:none;background:var(--line);cursor:pointer;border-radius:2px;outline:none;width:min(100%,12rem);height:2px}.ctrl-range.svelte-zwxy89::-webkit-slider-thumb{appearance:none;background:var(--ink);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.ctrl-range.svelte-zwxy89::-moz-range-thumb{background:var(--ink);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--ink);cursor:pointer;border-radius:50%}.ctrl-val.svelte-zwxy89{color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.8ch}