.tgColorField.svelte-kzk4md{flex-direction:column;gap:.375rem;width:100%;display:flex}.tgColorField.svelte-kzk4md>label:where(.svelte-kzk4md){font-size:var(--sl-text-xs);color:var(--tool-text-strong);font-weight:500}.tgColorRow.svelte-kzk4md{align-items:stretch;gap:.5rem;display:flex}.tgColorSwatch.svelte-kzk4md{width:3rem;min-height:var(--tool-control-h);border:1px solid var(--tool-border);border-radius:var(--tool-radius-sm);background:var(--tool-surface);cursor:pointer;flex-shrink:0;padding:2px}.tgColorSwatch.svelte-kzk4md::-webkit-color-swatch-wrapper{padding:0}.tgColorSwatch.svelte-kzk4md::-webkit-color-swatch{border:none;border-radius:2px}.tgColorSwatch.svelte-kzk4md::-moz-color-swatch{border:none;border-radius:2px}.tgLchRow.svelte-kzk4md{gap:.5rem;display:flex}.tgLchField.svelte-kzk4md{flex:1;align-items:center;gap:.375rem;min-width:0;display:flex}.tgLchField.svelte-kzk4md label:where(.svelte-kzk4md){font-size:var(--sl-text-2xs);color:var(--tool-text-muted);flex-shrink:0;width:.75rem;font-weight:600}.tgLchField.svelte-kzk4md input:where(.svelte-kzk4md){border:1px solid var(--tool-border);border-radius:var(--tool-radius-sm);background:var(--tool-surface);min-width:0;color:var(--tool-text-strong);font-family:var(--tool-mono);font-size:var(--sl-text-2xs);flex:1;padding:.25rem .375rem}.dgpContainer.svelte-17f2hvb{cursor:default;border-radius:8px;flex-direction:column;flex:1;width:100%;font-size:12px;font-weight:500;display:flex;overflow:hidden;container-type:inline-size}.dgpHeader.svelte-17f2hvb{flex-direction:row;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-size:12px;display:flex;& h3:where(.svelte-17f2hvb){margin:0;font-size:14px;font-weight:600}}.dgpContent.svelte-17f2hvb{flex-direction:row;flex:1;display:flex}.dgpGraph.svelte-17f2hvb{flex-direction:column;flex:4;justify-content:center;align-items:center;min-height:200px;padding:12px;display:flex;position:relative}.dgpToasts.svelte-17f2hvb{flex-direction:column;gap:6px;display:flex;position:absolute;top:12px}.dgpToast.svelte-17f2hvb{border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500}.dgpDivider.svelte-17f2hvb{flex-shrink:0;width:5px}.dgpTools.svelte-17f2hvb{flex-direction:column;flex:3;justify-content:space-between;min-width:min(280px,100%);display:flex}@container (width<=30rem){.dgpContent.svelte-17f2hvb{flex-direction:column}.dgpDivider.svelte-17f2hvb{width:auto;height:1px}.dgpGraph.svelte-17f2hvb{justify-content:flex-end}}.dgpToolsContent.svelte-17f2hvb{flex-direction:column;gap:12px;padding:12px;display:flex}.dgpTargetSelector.svelte-17f2hvb{flex-flow:wrap;align-items:center;gap:8px;display:flex}.dgpPhoneSelector.svelte-17f2hvb{border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.dgpPhoneSelectorObject.svelte-17f2hvb{padding:8px 12px;font-size:12px}.dgpPhoneSelectorObjectSelected.svelte-17f2hvb{padding:8px 12px;font-size:12px;font-weight:500}.dgpButtonContainer.svelte-17f2hvb{flex-flow:wrap;align-items:center;gap:8px;display:flex;& div:where(.svelte-17f2hvb){border-radius:6px;padding:4px 12px;font-size:11px}}.dgpMenuCarousel.svelte-17f2hvb{flex-direction:row;justify-content:center;align-items:center;gap:20px;height:44px;padding:10px 0;display:flex}.dgpMenuItem.svelte-17f2hvb{letter-spacing:.05em;font-size:11px;font-weight:600}.dgpMenuItemActive.svelte-17f2hvb{letter-spacing:.05em;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.dgpMenuIndicator.svelte-17f2hvb{border-radius:1px;width:24px;height:2px}.tgContainer.svelte-1kqq5eg{flex-wrap:wrap;gap:1.25rem;display:flex}.tgTools.svelte-1kqq5eg{border:1px solid var(--tool-hairline);border-radius:var(--tool-radius);background:var(--tool-surface);flex-direction:column;flex:1;align-self:flex-start;gap:.875rem;min-width:min(19rem,100%);padding:1rem;display:flex}.tgTools.svelte-1kqq5eg h4:where(.svelte-1kqq5eg){border-bottom:1px solid var(--tool-hairline);font-size:var(--sl-text-sm);color:var(--tool-text-strong);margin:.5rem 0 0;padding-bottom:.375rem;font-weight:600}.tgTools.svelte-1kqq5eg h4:where(.svelte-1kqq5eg):first-child{margin-top:0}.tgDescription.svelte-1kqq5eg{font-size:var(--sl-text-xs);color:var(--tool-text-muted);margin:-.5rem 0 0;line-height:1.5}.tgSectionHeader.svelte-1kqq5eg{border-bottom:1px solid var(--tool-hairline);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem .75rem;margin-top:.5rem;padding-bottom:.375rem;display:flex}.tgSectionHeader.svelte-1kqq5eg h4:where(.svelte-1kqq5eg){border-bottom:none;margin:0;padding-bottom:0}.tgSourceColorRandomizerButton.svelte-1kqq5eg{flex:none}.tgPreview.svelte-1kqq5eg{flex-direction:column;flex:2;gap:1.25rem;min-width:min(25rem,100%);display:flex}.tgSliderField.svelte-1kqq5eg{flex-direction:column;gap:.375rem;width:100%;display:flex}.tgSliderField.svelte-1kqq5eg label:where(.svelte-1kqq5eg){font-size:var(--sl-text-xs);color:var(--tool-text-strong);font-weight:500}.tgSliderRow.svelte-1kqq5eg{align-items:center;gap:.625rem;width:100%;display:flex}.tgSlider.svelte-1kqq5eg{-webkit-appearance:none;appearance:none;border:1px solid var(--tool-border);background:var(--tg-track);border-radius:999px;flex:1;min-width:0;height:.5rem}.tgSlider.svelte-1kqq5eg::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--tool-surface);border:2px solid var(--tool-text-muted);cursor:pointer;width:1rem;height:1rem;box-shadow:var(--sl-shadow-sm);border-radius:50%}.tgSlider.svelte-1kqq5eg::-moz-range-thumb{background:var(--tool-surface);border:2px solid var(--tool-text-muted);cursor:pointer;width:1rem;height:1rem;box-shadow:var(--sl-shadow-sm);border-radius:50%}.tgExportButton.svelte-1kqq5eg{width:100%;margin-top:.5rem}