h1[data-astro-cid-lgci23hs]{margin-bottom:.5rem}.studio[data-astro-cid-lgci23hs]{display:grid;gap:1.25rem;margin:1.75rem 0 1rem}.stage[data-astro-cid-lgci23hs]{position:relative;display:grid;place-items:center;gap:.5rem;min-height:150px;padding:2rem 1rem;border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(60% 80% at 50% 30%,color-mix(in srgb,var(--violet) 20%,transparent),transparent 70%),linear-gradient(180deg,var(--night-900),var(--ink));overflow:hidden}.stage-lbl[data-astro-cid-lgci23hs]{position:absolute;top:.75rem;left:.9rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim)}.preview[data-astro-cid-lgci23hs]{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,6vw,3rem);line-height:1.2;text-align:center;word-break:break-word;max-width:100%}.controls[data-astro-cid-lgci23hs]{display:grid;gap:1.1rem}.fld[data-astro-cid-lgci23hs]{display:flex;flex-direction:column;gap:.5rem}.fld[data-astro-cid-lgci23hs]>span[data-astro-cid-lgci23hs]{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-dim)}.fld[data-astro-cid-lgci23hs].hidden{display:none}#nameInput[data-astro-cid-lgci23hs]{width:100%;padding:.8rem 1rem;font-size:1.1rem;font-family:var(--font);color:var(--text);background:var(--night-900);border:1.5px solid var(--line-hi);border-radius:var(--r-sm)}#nameInput[data-astro-cid-lgci23hs]:focus{outline:none;border-color:var(--violet)}.btn-group[data-astro-cid-lgci23hs]{display:flex;gap:.5rem;flex-wrap:wrap}.seg[data-astro-cid-lgci23hs]{padding:.55rem 1.05rem;border-radius:var(--r-pill);border:1.5px solid var(--line-hi);background:transparent;color:var(--fg-dim);font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .15s ease}.seg[data-astro-cid-lgci23hs]:hover{color:var(--text);border-color:var(--violet)}.seg[data-astro-cid-lgci23hs].on{background:var(--grad-violet);border-color:transparent;color:var(--text);box-shadow:var(--glow-violet)}input[data-astro-cid-lgci23hs][type=color]{width:64px;height:40px;padding:2px;cursor:pointer;background:var(--night-900);border:1.5px solid var(--line-hi);border-radius:var(--r-sm)}.grad-inputs[data-astro-cid-lgci23hs]{display:flex;gap:1rem;flex-wrap:wrap}.grad-inputs[data-astro-cid-lgci23hs] label[data-astro-cid-lgci23hs]{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-dim);font-size:.9rem}.symbols[data-astro-cid-lgci23hs]{display:flex;flex-wrap:wrap;gap:.4rem}.sym[data-astro-cid-lgci23hs]{width:40px;height:40px;display:grid;place-items:center;font-size:1.15rem;cursor:pointer;background:var(--night-900);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);transition:all .12s ease}.sym[data-astro-cid-lgci23hs]:hover{border-color:var(--gold);color:var(--gold-bright);transform:translateY(-2px)}.presets[data-astro-cid-lgci23hs]{display:flex;flex-wrap:wrap;gap:.5rem}.preset[data-astro-cid-lgci23hs]{padding:.55rem 1.05rem;border-radius:var(--r-pill);border:1.5px solid var(--line-hi);background:transparent;color:var(--text);font-family:inherit;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s ease}.preset[data-astro-cid-lgci23hs]:hover{border-color:var(--gold);color:var(--gold-bright)}.output[data-astro-cid-lgci23hs]{display:grid;gap:.75rem}.out-head[data-astro-cid-lgci23hs]{display:flex;align-items:center;justify-content:space-between}.out-head[data-astro-cid-lgci23hs]>span[data-astro-cid-lgci23hs]:first-child{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-dim)}.len[data-astro-cid-lgci23hs]{font-variant-numeric:tabular-nums;font-weight:700;color:var(--fg-dim)}.len[data-astro-cid-lgci23hs].over{color:var(--red-bright)}#output[data-astro-cid-lgci23hs]{width:100%;padding:.8rem 1rem;resize:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;color:var(--text);background:var(--night-900);border:1.5px solid var(--line);border-radius:var(--r-sm);word-break:break-all}#copyBtn[data-astro-cid-lgci23hs]{justify-self:start}.warn[data-astro-cid-lgci23hs]{margin:0;font-size:.9rem}.warn[data-astro-cid-lgci23hs].ok{color:color-mix(in srgb,var(--gold-bright) 80%,var(--text))}.warn[data-astro-cid-lgci23hs].bad{color:var(--red-bright)}.guide[data-astro-cid-lgci23hs]{margin-top:2.5rem}.guide[data-astro-cid-lgci23hs] ol[data-astro-cid-lgci23hs]{padding-left:1.2rem;color:var(--fg-dim);line-height:1.7}.guide[data-astro-cid-lgci23hs] ol[data-astro-cid-lgci23hs] strong[data-astro-cid-lgci23hs]{color:var(--text)}.guide[data-astro-cid-lgci23hs] .note[data-astro-cid-lgci23hs]{margin-top:1rem;padding:.9rem 1.1rem;border-radius:var(--r-sm);border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--fg-dim);font-size:.95rem;line-height:1.6}.guide[data-astro-cid-lgci23hs] code[data-astro-cid-lgci23hs]{background:var(--night-900);padding:.1rem .35rem;border-radius:4px;font-size:.88em;color:var(--gold-bright)}@media(min-width:820px){.studio[data-astro-cid-lgci23hs]{grid-template-columns:1fr 1fr;align-items:start}.stage[data-astro-cid-lgci23hs]{grid-column:1 / 2}.controls[data-astro-cid-lgci23hs]{grid-column:2 / 3;grid-row:1 / 3}.output[data-astro-cid-lgci23hs]{grid-column:1 / 2}}