.queryPatternSimulator{background:var(--color-surface,#fff);gap:0;width:100%;display:grid}.queryPatternSimulator__controls{border-bottom:1px solid var(--color-border,#e5e7eb);background:color-mix(in srgb, var(--color-surface,#fff) 88%, var(--color-primary,#4f46e5));flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1rem;display:flex}.queryPatternSimulator__field,.queryPatternSimulator__toggle,.queryPatternSimulator__range{min-height:2rem;color:var(--color-text,#111827);white-space:nowrap;align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;display:inline-flex}.queryPatternSimulator__colors{min-height:2rem;color:var(--color-text,#111827);align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;display:inline-flex;position:relative}.queryPatternSimulator__colors>span{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted,#6b7280);font-size:.72rem}.queryPatternSimulator__colorDots{flex-wrap:wrap;gap:.25rem;display:flex}.queryPatternSimulator__ballColorDot,.queryPatternSimulator__paletteSwatch{cursor:pointer;border:1px solid #11111f2e;border-radius:999px;width:1.35rem;height:1.35rem;padding:0}.queryPatternSimulator__ballColorDot{color:#11111f;place-items:center;font-size:.68rem;font-weight:900;line-height:1;display:inline-grid}.queryPatternSimulator__ballColorDot span{background:#ffffffb8;border-radius:999px;place-items:center;width:.95rem;height:.95rem;display:grid}.queryPatternSimulator__ballColorDot--selected,.queryPatternSimulator__paletteSwatch--selected{box-shadow:0 0 0 2px var(--color-surface,#fff), 0 0 0 4px var(--color-text,#111827)}.queryPatternSimulator__ballColorDot:focus-visible,.queryPatternSimulator__paletteSwatch:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary,#4f46e5), transparent 65%);outline-offset:3px}.queryPatternSimulator__colorPopover{z-index:20;border:1px solid var(--color-border,#d1d5db);background:var(--color-surface,#fff);border-radius:.65rem;flex-wrap:wrap;gap:.35rem;width:min(13rem,100vw - 2rem);padding:.55rem;display:flex;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 .85rem 1.8rem #11111f2e}.queryPatternSimulator__resetColors{border:1px solid var(--color-border,#d1d5db);background:var(--color-background,#fff);min-height:1.9rem;color:var(--color-text,#111827);cursor:pointer;font:inherit;border-radius:.65rem;padding:.25rem .55rem;font-size:.78rem;font-weight:800}.queryPatternSimulator__resetColors:hover{border-color:var(--color-primary,#4f46e5)}.queryPatternSimulator__resetColors:disabled{cursor:not-allowed;opacity:.55}.queryPatternSimulator__field{flex-direction:column;align-items:stretch;gap:.2rem;min-width:min(14rem,100%)}.queryPatternSimulator__field span{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted,#6b7280);font-size:.72rem}.queryPatternSimulator__field input{border:1px solid var(--color-border,#d1d5db);background:var(--color-background,#fff);width:100%;min-height:2.35rem;color:var(--color-text,#111827);font:inherit;border-radius:.65rem;padding:.35rem .65rem;font-weight:650}.queryPatternSimulator__field input[dir=ltr]{font-family:var(--font-mono,monospace)}.queryPatternSimulator__field input::placeholder{color:color-mix(in srgb, var(--color-text-muted,#6b7280) 62%, transparent);font-style:italic;font-weight:400}.queryPatternSimulator__field input:focus-visible{border-color:var(--color-primary,#4f46e5);outline:3px solid color-mix(in srgb, var(--color-primary,#4f46e5), transparent 72%)}.queryPatternSimulator__toggle input{accent-color:var(--color-primary,#4f46e5)}.queryPatternSimulator__range{gap:.7rem;padding-inline-start:.25rem}.queryPatternSimulator__range span{font-variant-numeric:tabular-nums;min-width:4.5rem}.queryPatternSimulator__range input{width:min(13rem,42vw);accent-color:var(--color-primary,#4f46e5)}.queryPatternSimulator__player{justify-content:center;display:flex}.queryPatternSimulator__embed{border-top:1px solid var(--color-border,#e5e7eb);gap:.8rem;padding:.9rem 1rem 1rem;display:grid}.queryPatternSimulator__generateButton{background:var(--color-primary,#4f46e5);color:#fff;cursor:pointer;min-height:2.35rem;font:inherit;border:0;border-radius:999px;justify-self:start;padding:.45rem .95rem;font-size:.9rem;font-weight:800}.queryPatternSimulator__generateButton:hover{filter:brightness(1.05)}.queryPatternSimulator__generateButton:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary,#4f46e5), transparent 65%);outline-offset:3px}.queryPatternSimulator__output{color:var(--color-text,#111827);gap:.25rem;font-size:.9rem;font-weight:700;display:grid}.queryPatternSimulator__output label{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted,#6b7280);font-size:.72rem}.queryPatternSimulator__copyRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.queryPatternSimulator__output input,.queryPatternSimulator__output textarea{border:1px solid var(--color-border,#d1d5db);background:var(--color-background,#fff);width:100%;color:var(--color-text,#111827);font:inherit;font-family:var(--font-mono,monospace);border-radius:.65rem;padding:.55rem .65rem;font-size:.84rem;font-weight:500}.queryPatternSimulator__output textarea{resize:vertical}.queryPatternSimulator__copyButton{border:1px solid var(--color-border,#d1d5db);background:color-mix(in srgb, var(--color-background,#fff) 88%, var(--color-primary,#4f46e5));min-width:5.4rem;height:2.35rem;color:var(--color-text,#111827);cursor:pointer;font:inherit;border-radius:.65rem;padding:.45rem .7rem;font-size:.84rem;font-weight:800}.queryPatternSimulator__copyButton:hover{border-color:var(--color-primary,#4f46e5)}.queryPatternSimulator__copyButton:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary,#4f46e5), transparent 65%);outline-offset:3px}.queryPatternSimulator__preview{gap:.35rem;display:grid}.queryPatternSimulator__preview span{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted,#6b7280);font-size:.72rem;font-weight:700}@media (width<=640px){.queryPatternSimulator__controls{gap:.6rem .8rem;padding:.75rem}.queryPatternSimulator__field,.queryPatternSimulator__range{width:100%}.queryPatternSimulator__colors{align-items:center;width:100%}.queryPatternSimulator__ballColorDot,.queryPatternSimulator__paletteSwatch{width:1.55rem;height:1.55rem}.queryPatternSimulator__colorPopover{width:min(15rem,100vw - 1.5rem)}.queryPatternSimulator__range input{flex:1;width:auto}.queryPatternSimulator__embed{padding:.75rem}.queryPatternSimulator__copyRow{grid-template-columns:1fr}}