.signature-module__se1Koq__playground{--font-signature-vibes:"Great Vibes", cursive;--font-signature-allura:"Allura", cursive;--font-signature-haviland:"Mr De Haviland", cursive;--font-signature-alex:"Alex Brush", cursive;--font-signature-sacramento:"Sacramento", cursive;--font-signature-parisienne:"Parisienne", cursive;--font-signature-pinyon:"Pinyon Script", cursive;--font-signature-tangerine:"Tangerine", cursive;--font-signature-satisfy:"Satisfy", cursive;--font-signature-yellowtail:"Yellowtail", cursive;--font-signature-muellerhoff:"Herr Von Muellerhoff", cursive;--font-signature-aurore:"La Belle Aurore", cursive;--font-signature-nothing:"Nothing You Could Do", cursive;--font-signature-editorial:var(--font-heading);--font-signature-compact:var(--font-sans);--font-signature-mono:var(--font-mono);gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;display:grid}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/GreatVibes-Regular.ttf)format("truetype")}@font-face{font-family:Allura;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/Allura-Regular.ttf)format("truetype")}@font-face{font-family:Mr De Haviland;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/MrDeHaviland-Regular.ttf)format("truetype")}@font-face{font-family:Alex Brush;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/AlexBrush-Regular.ttf)format("truetype")}@font-face{font-family:Sacramento;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/Sacramento-Regular.ttf)format("truetype")}@font-face{font-family:Parisienne;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/Parisienne-Regular.ttf)format("truetype")}@font-face{font-family:Pinyon Script;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/PinyonScript-Regular.ttf)format("truetype")}@font-face{font-family:Tangerine;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/Tangerine-Regular.ttf)format("truetype")}@font-face{font-family:Satisfy;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/Satisfy-Regular.ttf)format("truetype")}@font-face{font-family:Yellowtail;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/Yellowtail-Regular.ttf)format("truetype")}@font-face{font-family:Herr Von Muellerhoff;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/HerrVonMuellerhoff-Regular.ttf)format("truetype")}@font-face{font-family:La Belle Aurore;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/LaBelleAurore-Regular.ttf)format("truetype")}@font-face{font-family:Nothing You Could Do;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/keyword-tools/NothingYouCouldDo-Regular.ttf)format("truetype")}.signature-module__se1Koq__playground>header{min-width:0;padding:clamp(var(--space-5), 4vw, var(--space-8));grid-column:span 8}.signature-module__se1Koq__eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.signature-module__se1Koq__playground h2{min-width:0;max-width:18ch;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));overflow-wrap:anywhere;margin:0;line-height:1.04}.signature-module__se1Koq__playground header>p:last-child{max-width:62ch;margin:var(--space-4) 0 0;color:var(--color-ink-2);line-height:1.65}.signature-module__se1Koq__modeTabs{align-content:end;gap:var(--space-2);padding:var(--space-6);grid-column:span 4;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.signature-module__se1Koq__modeTabs button,.signature-module__se1Koq__styleGrid button,.signature-module__se1Koq__actions button{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-height:44px;color:var(--color-ink);background:var(--color-paper-2);font:inherit;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700}.signature-module__se1Koq__modeTabs button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);white-space:nowrap;display:inline-flex}.signature-module__se1Koq__modeTabs button[aria-pressed=true],.signature-module__se1Koq__styleGrid button[aria-pressed=true]{border-color:var(--color-accent)}.signature-module__se1Koq__modeTabs svg,.signature-module__se1Koq__actions svg{flex:none;width:18px;height:18px}.signature-module__se1Koq__canvasBlock{border:1px solid var(--color-rule);border-radius:var(--radius-xl);background:var(--color-paper);grid-column:span 8;min-width:0;overflow:hidden}.signature-module__se1Koq__canvasHead{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);color:var(--color-ink);background:var(--color-paper-2);font-weight:700;display:flex}.signature-module__se1Koq__canvasHead small{color:var(--color-ink-2);font-family:var(--font-mono);font-weight:500}.signature-module__se1Koq__canvasBlock canvas{touch-action:none;width:100%;min-height:22rem;display:block}.signature-module__se1Koq__canvasBlock canvas.signature-module__se1Koq__previewLight{--preview-rule:#c5beb2;background:linear-gradient(to bottom, transparent calc(68% - 1px), var(--preview-rule) 68%, transparent calc(68% + 1px)), #f7f4ec}.signature-module__se1Koq__canvasBlock canvas.signature-module__se1Koq__previewDark{--preview-rule:#555b66;background:linear-gradient(to bottom, transparent calc(68% - 1px), var(--preview-rule) 68%, transparent calc(68% + 1px)), #15171b}.signature-module__se1Koq__drawHint{padding:var(--space-3) var(--space-4);color:var(--color-ink-2);background:var(--color-paper-2);font-size:var(--text-sm);margin:0}.signature-module__se1Koq__controls{align-content:start;gap:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-xl);min-width:0;padding:var(--space-5);background:var(--color-paper-2);grid-column:span 4;display:grid}.signature-module__se1Koq__nameInput,.signature-module__se1Koq__range{gap:var(--space-2);display:grid}.signature-module__se1Koq__nameInput span,.signature-module__se1Koq__range span,.signature-module__se1Koq__styleGrid legend{color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.signature-module__se1Koq__nameInput input{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-width:0;min-height:46px;padding:0 var(--space-4);color:var(--color-ink);background:var(--color-paper);font:inherit}.signature-module__se1Koq__styleGrid{gap:var(--space-2);border:1px solid var(--color-rule);border-radius:var(--radius-xl);min-width:0;padding:var(--space-4);background:var(--color-paper-2);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.signature-module__se1Koq__styleGrid legend{margin:0 0 var(--space-1);padding:0 var(--space-1);grid-column:1/-1}.signature-module__se1Koq__styleGrid button{align-content:center;gap:var(--space-1);min-width:0;min-height:72px;padding:var(--space-2);text-align:left;display:grid}.signature-module__se1Koq__styleGrid strong{min-width:0;font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signature-module__se1Koq__styleGrid button[data-signature-style=vibes] strong{font-family:var(--font-signature-vibes)}.signature-module__se1Koq__styleGrid button[data-signature-style=allura] strong{font-family:var(--font-signature-allura)}.signature-module__se1Koq__styleGrid button[data-signature-style=haviland] strong{font-family:var(--font-signature-haviland)}.signature-module__se1Koq__styleGrid button[data-signature-style=alex] strong{font-family:var(--font-signature-alex)}.signature-module__se1Koq__styleGrid button[data-signature-style=sacramento] strong{font-family:var(--font-signature-sacramento)}.signature-module__se1Koq__styleGrid button[data-signature-style=parisienne] strong{font-family:var(--font-signature-parisienne)}.signature-module__se1Koq__styleGrid button[data-signature-style=pinyon] strong{font-family:var(--font-signature-pinyon)}.signature-module__se1Koq__styleGrid button[data-signature-style=tangerine] strong{font-family:var(--font-signature-tangerine)}.signature-module__se1Koq__styleGrid button[data-signature-style=satisfy] strong{font-family:var(--font-signature-satisfy)}.signature-module__se1Koq__styleGrid button[data-signature-style=yellowtail] strong{font-family:var(--font-signature-yellowtail)}.signature-module__se1Koq__styleGrid button[data-signature-style=muellerhoff] strong{font-family:var(--font-signature-muellerhoff)}.signature-module__se1Koq__styleGrid button[data-signature-style=aurore] strong{font-family:var(--font-signature-aurore)}.signature-module__se1Koq__styleGrid button[data-signature-style=nothing] strong{font-family:var(--font-signature-nothing)}.signature-module__se1Koq__styleGrid button[data-signature-style=editorial] strong{font-family:var(--font-signature-editorial);font-weight:800}.signature-module__se1Koq__styleGrid button[data-signature-style=compact] strong{font-family:var(--font-signature-compact)}.signature-module__se1Koq__styleGrid button[data-signature-style=mono] strong{font-family:var(--font-signature-mono)}.signature-module__se1Koq__styleGrid span{color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.25}.signature-module__se1Koq__range span{justify-content:space-between;gap:var(--space-3);display:flex}.signature-module__se1Koq__range strong{color:var(--color-ink)}.signature-module__se1Koq__range input{width:100%;accent-color:var(--color-accent)}.signature-module__se1Koq__inkControl{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius-md);min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-ink-2);background:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:flex}.signature-module__se1Koq__inkControl input{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.signature-module__se1Koq__actions{gap:var(--space-2);display:grid}.signature-module__se1Koq__actions button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);white-space:nowrap;display:inline-flex}.signature-module__se1Koq__actions button:last-child{color:var(--color-accent-ink);background:var(--color-accent);border-color:#0000}.signature-module__se1Koq__modeTabs button:hover,.signature-module__se1Koq__styleGrid button:hover,.signature-module__se1Koq__actions button:hover{transform:translateY(-1px)}.signature-module__se1Koq__modeTabs button:active,.signature-module__se1Koq__styleGrid button:active,.signature-module__se1Koq__actions button:active{transform:none}.signature-module__se1Koq__modeTabs button:focus-visible,.signature-module__se1Koq__styleGrid button:focus-visible,.signature-module__se1Koq__actions button:focus-visible,.signature-module__se1Koq__nameInput input:focus-visible,.signature-module__se1Koq__range input:focus-visible,.signature-module__se1Koq__inkControl input:focus-visible,.signature-module__se1Koq__canvasBlock canvas:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:900px){.signature-module__se1Koq__playground>header,.signature-module__se1Koq__modeTabs,.signature-module__se1Koq__canvasBlock,.signature-module__se1Koq__controls{grid-column:1/-1}.signature-module__se1Koq__modeTabs{padding:0}.signature-module__se1Koq__styleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.signature-module__se1Koq__modeTabs{grid-template-columns:minmax(0,1fr)}.signature-module__se1Koq__canvasHead{align-items:flex-start;gap:var(--space-1);flex-direction:column}.signature-module__se1Koq__canvasBlock canvas{min-height:16rem}.signature-module__se1Koq__styleGrid{grid-template-columns:minmax(0,1fr)}}@media (min-width:1200px){.signature-module__se1Koq__styleGrid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.signature-module__se1Koq__modeTabs button,.signature-module__se1Koq__styleGrid button,.signature-module__se1Koq__actions button{transition:opacity .12s var(--ease-out)}.signature-module__se1Koq__modeTabs button:hover,.signature-module__se1Koq__styleGrid button:hover,.signature-module__se1Koq__actions button:hover{transform:none}}