._playground_kubwt_2{--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")}._playground_kubwt_2>header{min-width:0;padding:clamp(var(--space-5),4vw,var(--space-8));grid-column:span 8}._eyebrow_kubwt_137{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}._playground_kubwt_2 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}._playground_kubwt_2 header>p:last-child{max-width:62ch;margin:var(--space-4) 0 0;color:var(--color-ink-2);line-height:1.65}._modeTabs_kubwt_165{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}._actions_kubwt_176 button,._modeTabs_kubwt_165 button,._styleGrid_kubwt_175 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}._modeTabs_kubwt_165 button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);white-space:nowrap;display:inline-flex}._modeTabs_kubwt_165 button[aria-pressed=true],._styleGrid_kubwt_175 button[aria-pressed=true]{border-color:var(--color-accent)}._actions_kubwt_176 svg,._modeTabs_kubwt_165 svg{flex:none;width:18px;height:18px}._canvasBlock_kubwt_210{border:1px solid var(--color-rule);border-radius:var(--radius-xl);background:var(--color-paper);grid-column:span 8;min-width:0;overflow:hidden}._canvasHead_kubwt_219{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}._canvasHead_kubwt_219 small{color:var(--color-ink-2);font-family:var(--font-mono);font-weight:500}._canvasBlock_kubwt_210 canvas{touch-action:none;width:100%;min-height:22rem;display:block}._canvasBlock_kubwt_210 canvas._previewLight_kubwt_242{--preview-rule:#c5beb2;background:linear-gradient(to bottom,transparent calc(68% - 1px),var(--preview-rule) 68%,transparent calc(68% + 1px)),#f7f4ec}._canvasBlock_kubwt_210 canvas._previewDark_kubwt_254{--preview-rule:#555b66;background:linear-gradient(to bottom,transparent calc(68% - 1px),var(--preview-rule) 68%,transparent calc(68% + 1px)),#15171b}._drawHint_kubwt_266{padding:var(--space-3) var(--space-4);color:var(--color-ink-2);background:var(--color-paper-2);font-size:var(--text-sm);margin:0}._controls_kubwt_274{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}._nameInput_kubwt_286,._range_kubwt_287{gap:var(--space-2);display:grid}._nameInput_kubwt_286 span,._range_kubwt_287 span,._styleGrid_kubwt_175 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}._nameInput_kubwt_286 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}._styleGrid_kubwt_175{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}._styleGrid_kubwt_175 legend{margin:0 0 var(--space-1);padding:0 var(--space-1);grid-column:1/-1}._styleGrid_kubwt_175 button{align-content:center;gap:var(--space-1);min-width:0;min-height:72px;padding:var(--space-2);text-align:left;display:grid}._styleGrid_kubwt_175 strong{min-width:0;font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._styleGrid_kubwt_175 button[data-signature-style=vibes] strong{font-family:var(--font-signature-vibes)}._styleGrid_kubwt_175 button[data-signature-style=allura] strong{font-family:var(--font-signature-allura)}._styleGrid_kubwt_175 button[data-signature-style=haviland] strong{font-family:var(--font-signature-haviland)}._styleGrid_kubwt_175 button[data-signature-style=alex] strong{font-family:var(--font-signature-alex)}._styleGrid_kubwt_175 button[data-signature-style=sacramento] strong{font-family:var(--font-signature-sacramento)}._styleGrid_kubwt_175 button[data-signature-style=parisienne] strong{font-family:var(--font-signature-parisienne)}._styleGrid_kubwt_175 button[data-signature-style=pinyon] strong{font-family:var(--font-signature-pinyon)}._styleGrid_kubwt_175 button[data-signature-style=tangerine] strong{font-family:var(--font-signature-tangerine)}._styleGrid_kubwt_175 button[data-signature-style=satisfy] strong{font-family:var(--font-signature-satisfy)}._styleGrid_kubwt_175 button[data-signature-style=yellowtail] strong{font-family:var(--font-signature-yellowtail)}._styleGrid_kubwt_175 button[data-signature-style=muellerhoff] strong{font-family:var(--font-signature-muellerhoff)}._styleGrid_kubwt_175 button[data-signature-style=aurore] strong{font-family:var(--font-signature-aurore)}._styleGrid_kubwt_175 button[data-signature-style=nothing] strong{font-family:var(--font-signature-nothing)}._styleGrid_kubwt_175 button[data-signature-style=editorial] strong{font-family:var(--font-signature-editorial);font-weight:800}._styleGrid_kubwt_175 button[data-signature-style=compact] strong{font-family:var(--font-signature-compact)}._styleGrid_kubwt_175 button[data-signature-style=mono] strong{font-family:var(--font-signature-mono)}._styleGrid_kubwt_175 span{color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.25}._range_kubwt_287 span{justify-content:space-between;gap:var(--space-3);display:flex}._range_kubwt_287 strong{color:var(--color-ink)}._range_kubwt_287 input{width:100%;accent-color:var(--color-accent)}._inkControl_kubwt_437{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}._inkControl_kubwt_437 input{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}._actions_kubwt_176{gap:var(--space-2);display:grid}._actions_kubwt_176 button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);white-space:nowrap;display:inline-flex}._actions_kubwt_176 button:last-child{color:var(--color-accent-ink);background:var(--color-accent);border-color:#0000}._actions_kubwt_176 button:hover,._modeTabs_kubwt_165 button:hover,._styleGrid_kubwt_175 button:hover{transform:translateY(-1px)}._actions_kubwt_176 button:active,._modeTabs_kubwt_165 button:active,._styleGrid_kubwt_175 button:active{transform:none}._actions_kubwt_176 button:focus-visible,._canvasBlock_kubwt_210 canvas:focus-visible,._inkControl_kubwt_437 input:focus-visible,._modeTabs_kubwt_165 button:focus-visible,._nameInput_kubwt_286 input:focus-visible,._range_kubwt_287 input:focus-visible,._styleGrid_kubwt_175 button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (width<=900px){._canvasBlock_kubwt_210,._controls_kubwt_274,._modeTabs_kubwt_165,._playground_kubwt_2>header{grid-column:1/-1}._modeTabs_kubwt_165{padding:0}._styleGrid_kubwt_175{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){._modeTabs_kubwt_165{grid-template-columns:minmax(0,1fr)}._canvasHead_kubwt_219{align-items:flex-start;gap:var(--space-1);flex-direction:column}._canvasBlock_kubwt_210 canvas{min-height:16rem}._styleGrid_kubwt_175{grid-template-columns:minmax(0,1fr)}}@media (width>=1200px){._styleGrid_kubwt_175{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){._actions_kubwt_176 button,._modeTabs_kubwt_165 button,._styleGrid_kubwt_175 button{transition:opacity .12s var(--ease-out)}._actions_kubwt_176 button:hover,._modeTabs_kubwt_165 button:hover,._styleGrid_kubwt_175 button:hover{transform:none}}._controls_kubwt_274,._drawHint_kubwt_266,._styleGrid_kubwt_175{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}