.pad-wrap.svelte-2r1uq8{--pad-bg:var(--c-surface,#f2f1f7);--pad-ink:var(--c-fg,#1c1d3f);--pad-muted:var(--c-muted,#5d5e7c);--pad-line:color-mix(in oklab, var(--pad-ink), transparent 75%);--pad-focus:var(--c-holud,#ffc629);flex-direction:column;gap:.5rem;width:100%;display:flex}.pad.svelte-2r1uq8{aspect-ratio:400/160;background:var(--pad-bg);border:2px solid #0000;border-radius:1.25rem;transition:border-color .15s;position:relative;overflow:hidden}.pad.svelte-2r1uq8:focus-within{border-color:var(--pad-focus)}.invalid.svelte-2r1uq8 .pad:where(.svelte-2r1uq8){border-color:var(--c-danger,#c8323c)}svg.svelte-2r1uq8{touch-action:none;cursor:crosshair;z-index:1;width:100%;height:100%;position:absolute;inset:0}.ink.svelte-2r1uq8{fill:none;stroke:var(--pad-ink);stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round}.placeholder.svelte-2r1uq8{color:var(--pad-muted);pointer-events:none;place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0 0 25%}.full.svelte-2r1uq8{z-index:2;background:color-mix(in oklab, var(--pad-bg), var(--pad-ink) 8%);max-width:calc(100% - 1rem);color:var(--pad-muted);text-align:center;pointer-events:none;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;position:absolute;top:.5rem;left:50%;translate:-50%}.baseline.svelte-2r1uq8{background:var(--pad-line);pointer-events:none;height:1.5px;position:absolute;top:75%;left:7%;right:7%}.baseline.svelte-2r1uq8 i:where(.svelte-2r1uq8){color:var(--pad-muted);font-size:.9rem;font-style:normal;position:absolute;bottom:.2rem;left:0}.typed-pad.svelte-2r1uq8{flex-direction:column;display:flex}.typed-input.svelte-2r1uq8{z-index:2;background:color-mix(in oklab, var(--pad-bg), white 55%);color:var(--pad-ink);font:inherit;border:0;border-radius:.8rem;outline:none;margin:.6rem .6rem 0;padding:.5rem .75rem;position:relative}.typed-preview.svelte-2r1uq8{color:var(--pad-ink);pointer-events:none;position:absolute;bottom:22%;left:10%;right:10%}.typed-preview.svelte-2r1uq8 svg{max-height:3.4rem}.tools.svelte-2r1uq8{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.tools.svelte-2r1uq8 button:where(.svelte-2r1uq8){white-space:nowrap;height:2.5rem;color:var(--pad-muted);border-radius:999px;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.tools.svelte-2r1uq8 button:where(.svelte-2r1uq8):hover:not(:disabled){background:color-mix(in oklab, var(--pad-bg), var(--pad-ink) 6%);color:var(--pad-ink)}.tools.svelte-2r1uq8 button:where(.svelte-2r1uq8):disabled{opacity:.35}
