.card[data-astro-cid-svsmio7s].tool-ui{padding:16px}.gg-types[data-astro-cid-svsmio7s]{flex-wrap:wrap;gap:8px;display:flex}.gg-types[data-astro-cid-svsmio7s] .option[data-astro-cid-svsmio7s]{padding:5px 12px;font-size:13.5px}.gg-angle[data-astro-cid-svsmio7s]{align-items:center;gap:10px;margin-block-start:10px;display:flex}.gg-angle[data-astro-cid-svsmio7s] label[data-astro-cid-svsmio7s]{color:var(--c-text-2);white-space:nowrap;font-size:13px}#gg-angle[data-astro-cid-svsmio7s]{min-inline-size:0;accent-color:var(--c-primary);flex:auto}#gg-angle-val[data-astro-cid-svsmio7s]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:end;unicode-bidi:isolate;min-inline-size:3.4em;font-size:13px}.gg-stops[data-astro-cid-svsmio7s]{flex-direction:column;gap:8px;margin-block-start:10px;display:flex}.gg-add[data-astro-cid-svsmio7s]{align-self:flex-start;margin-block-start:8px;padding:5px 12px;font-size:13px}.notice[data-astro-cid-svsmio7s]{margin-block-start:8px}.gg-angle[data-astro-cid-svsmio7s][hidden]{display:none}.gg-preview-row[data-astro-cid-svsmio7s]{align-items:center;gap:10px;margin-block-start:10px;display:flex}.gg-preview[data-astro-cid-svsmio7s]{border:1px solid var(--c-border);border-radius:10px;flex:auto;block-size:clamp(110px,15vh,170px);inline-size:100%}.gg-preview-note[data-astro-cid-svsmio7s]{color:var(--c-text-2);flex:none;margin:0;font-size:13px}.gg-output[data-astro-cid-svsmio7s]{border-block-start:1px solid var(--c-border);margin-block-start:10px;padding-block-start:10px}.field-label[data-astro-cid-svsmio7s]{color:var(--c-text-2);margin-block-end:4px;font-size:13px;display:block}.gg-code-row[data-astro-cid-svsmio7s]{align-items:stretch;gap:10px;display:flex}.gg-code[data-astro-cid-svsmio7s]{min-inline-size:0;font-family:var(--font-mono);background:var(--c-bg-2,#f5f5f5);border:1px solid var(--c-border);overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-all;border-radius:6px;flex:auto;padding:8px 10px;font-size:13px;line-height:1.4}#btn-copy[data-astro-cid-svsmio7s]{flex:none;padding:6px 16px;font-size:14px}.gg-actions[data-astro-cid-svsmio7s]{justify-content:flex-end;margin-block-start:10px;display:flex}.gg-actions[data-astro-cid-svsmio7s] .btn[data-astro-cid-svsmio7s]{padding:5px 14px;font-size:13px}@media (width<=480px){.card[data-astro-cid-svsmio7s].tool-ui{padding:6px}.gg-types[data-astro-cid-svsmio7s]{gap:5px}.gg-types[data-astro-cid-svsmio7s] .option[data-astro-cid-svsmio7s]{gap:4px;padding:3px 8px;font-size:11.5px}.gg-types[data-astro-cid-svsmio7s] .option[data-astro-cid-svsmio7s] input[data-astro-cid-svsmio7s]{block-size:12px;inline-size:12px}.gg-angle[data-astro-cid-svsmio7s]{gap:6px;margin-block-start:4px}.gg-angle[data-astro-cid-svsmio7s] label[data-astro-cid-svsmio7s]{font-size:12px}.gg-stops[data-astro-cid-svsmio7s]{gap:6px;margin-block-start:4px}.gg-add[data-astro-cid-svsmio7s]{margin-block-start:4px;padding:4px 10px;font-size:12px}.gg-preview-row[data-astro-cid-svsmio7s]{gap:6px;margin-block-start:4px}.gg-preview[data-astro-cid-svsmio7s]{block-size:clamp(32px,5vh,56px)}.gg-preview-note[data-astro-cid-svsmio7s]{font-size:12px}.gg-output[data-astro-cid-svsmio7s]{margin-block-start:4px;padding-block-start:4px}.field-label[data-astro-cid-svsmio7s]{margin-block-end:2px}.gg-code[data-astro-cid-svsmio7s]{white-space:nowrap;word-break:normal;padding:6px 8px;font-size:11.5px;overflow-x:auto}.gg-code-row[data-astro-cid-svsmio7s]{gap:6px}#btn-copy[data-astro-cid-svsmio7s]{flex:none;min-block-size:40px;padding:6px 12px;font-size:13.5px}.gg-actions[data-astro-cid-svsmio7s]{margin-block-start:4px}.gg-actions[data-astro-cid-svsmio7s] .btn[data-astro-cid-svsmio7s]{min-block-size:40px}}.gg-stop{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.gg-stop__color{display:inline-flex}.gg-stop__color input[type=color]{cursor:pointer;border:1px solid var(--c-border);border-radius:6px;block-size:34px;inline-size:40px;padding:2px}.gg-stop__pos{align-items:center;gap:8px;display:flex}.gg-stop__pos input[type=range]{min-inline-size:0;accent-color:var(--c-primary);flex:auto}.gg-stop__posval{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:end;min-inline-size:3em;color:var(--c-text-2);unicode-bidi:isolate;font-size:12.5px}.gg-stop__remove{padding:4px 10px;font-size:12.5px}@media (width<=480px){.gg-stop{gap:6px}.gg-stop__color input[type=color]{block-size:30px;inline-size:34px}.gg-stop__remove{padding:4px 8px;font-size:12px}}