.composer{gap:var(--space-5);min-width:0;display:grid}.composer__label{color:var(--text);font-size:1rem;font-weight:600;line-height:1.4}.composer__field{width:100%;min-height:8.5rem;padding:var(--space-4) var(--space-5);resize:vertical;font-family:var(--font-sans);color:var(--text);background-color:var(--surface);border:1px solid var(--text-2);border-radius:var(--radius-sm);transition:border-color var(--duration-hover) ease;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55;display:block}.composer__field::placeholder{color:var(--text-2)}.composer__field:focus-visible{border-color:var(--text)}.composer__field:disabled{color:var(--text-2);cursor:progress}.composer__field[aria-invalid=true]{border-color:var(--alert)}@media (hover:hover) and (pointer:fine){.composer__field:hover:not(:disabled){border-color:var(--text)}}.composer__group-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:.75rem;font-weight:400;line-height:1.3}.composer__tools{gap:var(--space-5);display:grid}.composer__examples{gap:var(--space-2);min-width:0;display:grid}.composer__example{align-items:center;column-gap:var(--space-3);width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);font-family:var(--font-sans);text-align:start;color:var(--text-2);border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-hover) ease, border-color var(--duration-hover) ease, background-color var(--duration-hover) ease;background-color:#0000;grid-template-columns:.5rem minmax(0,1fr);font-size:.9375rem;line-height:1.5;display:grid}.composer__example:before{content:"";width:.5rem;height:.5rem;transition:background-color var(--duration-hover) ease;border:1px solid;border-radius:1px}.composer__example[aria-pressed=true]{color:var(--text);border-color:var(--text-2)}.composer__example[aria-pressed=true]:before{background-color:var(--accent-text);border-color:var(--accent-text)}.composer__example:active:not(:disabled){background-color:var(--surface-2)}.composer__example:disabled{cursor:not-allowed;opacity:.45}@media (hover:hover) and (pointer:fine){.composer__example:hover:not(:disabled){color:var(--text);border-color:var(--text-2)}}.composer__lang{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.composer__lang-pair{border:1px solid var(--text-2);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.composer__lang-option{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-4);font-family:var(--font-sans);color:var(--text-2);cursor:pointer;transition:color var(--duration-hover) ease, background-color var(--duration-hover) ease;background-color:#0000;border:0;border-radius:2px;font-size:.9375rem;font-weight:500;line-height:1}.composer__lang-option[aria-pressed=true]{color:var(--surface);background-color:var(--text)}.composer__lang-option:active:not(:disabled):not([aria-pressed=true]){background-color:var(--surface-2)}.composer__lang-option:disabled{cursor:not-allowed;opacity:.45}@media (hover:hover) and (pointer:fine){.composer__lang-option:hover:not(:disabled):not([aria-pressed=true]){color:var(--text);background-color:var(--surface-2)}}@media (min-width:1024px){.composer__tools{align-items:start;column-gap:var(--space-7);grid-template-columns:minmax(0,1fr) auto}}.composer__row{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.composer .composer__run:disabled{cursor:not-allowed;opacity:.45;background-color:var(--text);transform:none}.composer .composer__run[aria-busy=true]{cursor:progress;opacity:.72}.composer__spinner{border:2px solid color-mix(in oklab, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:1rem;height:1rem;animation:.8s linear infinite composer-turn}@keyframes composer-turn{to{transform:rotate(1turn)}}.composer__status{color:var(--text-2);flex:16rem;margin:0;font-size:.875rem;line-height:1.5}.composer__notice{margin-top:calc(var(--space-1) * -1)}@media (prefers-reduced-motion:reduce){.composer__field,.composer__example,.composer__example:before,.composer__lang-option{transition:none}.composer__spinner{animation:none}}
/*# sourceMappingURL=2dgzgxy2vmd_6.css.map*/