.tool.svelte-1bkaizf{flex-direction:column;gap:.9rem;display:flex}.grid.svelte-1bkaizf{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;display:grid}.left.svelte-1bkaizf,.right.svelte-1bkaizf{flex-direction:column;gap:.9rem;min-width:0;display:flex}.right.svelte-1bkaizf{justify-content:center}@media (width<=720px){.grid.svelte-1bkaizf{grid-template-columns:1fr;gap:1.1rem}}.label.svelte-1bkaizf{color:var(--ink-soft);font-size:1.1rem;font-weight:500}.codeHint.svelte-1bkaizf{color:var(--magenta);background:#fff0f3;border-radius:6px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85em}.input.svelte-1bkaizf{border-radius:var(--radius-md);resize:vertical;width:100%;min-height:120px;color:var(--ink);background:#fafaff;border:1.5px solid #ece9f2;flex:1;padding:.9rem 1.05rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:1.08rem;transition:border-color .15s,box-shadow .15s}.input.svelte-1bkaizf:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 4px #ff5fa21f}.actions.svelte-1bkaizf{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.clear.svelte-1bkaizf{color:var(--muted);background:0 0;border:none;padding:.4rem;font-size:1rem;text-decoration:underline}.clear.svelte-1bkaizf:hover{color:var(--magenta)}.resultZone.svelte-1bkaizf{flex-direction:column;justify-content:center;min-height:150px;display:flex}.empty.svelte-1bkaizf{min-height:150px;color:var(--muted);border-radius:var(--radius-lg);text-align:center;border:2px dashed #e2dff0;place-items:center;padding:1.2rem;font-size:1.1rem;display:grid}.error.svelte-1bkaizf{color:var(--magenta);border-radius:var(--radius-md);background:#fff0f3;border:1px solid #ffd5e1;padding:.8rem 1.05rem;font-size:1.02rem}.codeCard.svelte-1bkaizf{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff,#fff7fb);border:1.5px solid #ffe3ee;flex-wrap:wrap;align-items:center;gap:1rem 1.1rem;padding:1.3rem 1.4rem;animation:.25s pop-in;display:flex}.codeCard.svelte-1bkaizf>button:where(.svelte-1bkaizf){flex:1 0 100%}.ring.svelte-1bkaizf{flex-shrink:0;width:64px;height:64px;position:relative}.ring.svelte-1bkaizf svg:where(.svelte-1bkaizf){transform:rotate(-90deg)}.ringTrack.svelte-1bkaizf{fill:none;stroke:#f0ecf6;stroke-width:6px}.ringFill.svelte-1bkaizf{fill:none;stroke:var(--green);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .5s linear,stroke .3s}.ring[data-low=true].svelte-1bkaizf .ringFill:where(.svelte-1bkaizf){stroke:var(--coral)}.ringNum.svelte-1bkaizf{font-family:var(--font-display);color:var(--ink);place-items:center;font-size:1.3rem;display:grid;position:absolute;inset:0}.codeMain.svelte-1bkaizf{flex:1;min-width:140px}.code.svelte-1bkaizf{font-family:var(--font-display);letter-spacing:.1em;color:var(--magenta);font-size:3.4rem;line-height:1}.meta.svelte-1bkaizf{color:var(--ink-soft);margin-top:.4rem;font-size:1rem}.copied.svelte-1bkaizf{background:var(--green)!important;box-shadow:0 10px 22px -10px #46c66dcc!important}.note.svelte-1bkaizf{color:var(--ink-soft);border-radius:var(--radius-md);background:#f4fbf6;border:1px solid #d9f0e1;margin:0;padding:.7rem .95rem;font-size:.95rem;line-height:1.6}@media (width<=480px){.code.svelte-1bkaizf{font-size:2.7rem}.codeCard.svelte-1bkaizf{padding:1.1rem}}.main.svelte-1uha8ag{flex-direction:column;gap:1.75rem;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;padding:3rem clamp(1rem,4vw,2.5rem) 3.5rem;display:flex}.content.svelte-1uha8ag{grid-template-columns:1fr;align-items:start;gap:1.75rem;display:grid}.content[data-right=true].svelte-1uha8ag{grid-template-columns:minmax(0,1fr) auto}.content[data-left=true].svelte-1uha8ag{grid-template-columns:auto minmax(0,1fr)}.content[data-left=true][data-right=true].svelte-1uha8ag{grid-template-columns:auto minmax(0,1fr) auto}@media (width<=860px){.content[data-left=true].svelte-1uha8ag,.content[data-right=true].svelte-1uha8ag,.content[data-left=true][data-right=true].svelte-1uha8ag{grid-template-columns:1fr}}.mainCol.svelte-1uha8ag{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.sideCol.svelte-1uha8ag{min-width:0}.header.svelte-1uha8ag{text-align:center;animation:.4s both pop-in}.logo.svelte-1uha8ag{align-items:center;gap:.6rem;display:inline-flex}.logoBadge.svelte-1uha8ag{font-family:var(--font-display);color:#fff;background:var(--grad-warm);border-radius:18px;padding:.15rem .85rem;font-size:2rem;transform:rotate(-3deg);box-shadow:0 10px 20px -8px #e23d8fb3}.logoText.svelte-1uha8ag{font-family:var(--font-display);color:var(--ink);font-size:2.1rem}.tagline.svelte-1uha8ag{color:var(--ink-soft);margin:.7rem 0 0;font-size:1.1rem}.panel.svelte-1uha8ag{padding:clamp(1.5rem,3.5vw,2.4rem);animation:.5s 80ms both pop-in}.panelHead.svelte-1uha8ag{margin-bottom:1.4rem}.h1.svelte-1uha8ag{color:var(--ink);font-size:clamp(2rem,5vw,2.9rem)}.hi.svelte-1uha8ag{background:linear-gradient(100deg, var(--magenta), var(--coral));color:#0000;-webkit-background-clip:text;background-clip:text}.sub.svelte-1uha8ag{color:var(--ink-soft);margin:.45rem 0 0;font-size:1.15rem}.features.svelte-1uha8ag{color:var(--ink);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin:0;padding:0;font-size:1.02rem;list-style:none;animation:.5s .16s both pop-in;display:flex}.features.svelte-1uha8ag li:where(.svelte-1uha8ag){border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);background:#ffffffb3;padding:.45rem 1.05rem}.footer.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:.3rem;margin-top:auto;display:flex}.footerCo.svelte-1uha8ag{color:var(--ink);letter-spacing:.02em;font-size:1rem;font-weight:600}.footerSub.svelte-1uha8ag{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.88rem;display:flex}.footerSub.svelte-1uha8ag a:where(.svelte-1uha8ag){color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.footerSub.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{border-bottom-color:currentColor}.dot.svelte-1uha8ag{opacity:.6}@media (width<=480px){.main.svelte-1uha8ag{gap:1.3rem;padding-top:2rem}.logoBadge.svelte-1uha8ag{font-size:1.65rem}.logoText.svelte-1uha8ag{font-size:1.75rem}.tagline.svelte-1uha8ag{font-size:1rem}}