.DarkModeColorPairGeneratorClient-module__cuwl_W__generator{gap:2.75rem;max-width:1080px;margin:0 auto}.DarkModeColorPairGeneratorClient-module__cuwl_W__header h2{font-size:1.75rem;font-weight:700}.DarkModeColorPairGeneratorClient-module__cuwl_W__header p{max-width:65ch;line-height:1.55}.DarkModeColorPairGeneratorClient-module__cuwl_W__controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.DarkModeColorPairGeneratorClient-module__cuwl_W__colorGroup{background:var(--panel);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-1);gap:.75rem;padding:1.25rem;display:grid}.DarkModeColorPairGeneratorClient-module__cuwl_W__colorField{align-items:center;gap:.75rem;display:flex}.DarkModeColorPairGeneratorClient-module__cuwl_W__colorField input[type=color]{border-radius:var(--radius-sm);width:52px;height:52px;box-shadow:var(--shadow-2);cursor:pointer;border:none;padding:0}.DarkModeColorPairGeneratorClient-module__cuwl_W__sliderGroup{background:var(--panel);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-1);gap:.5rem;padding:1.25rem;display:grid}.DarkModeColorPairGeneratorClient-module__cuwl_W__sliderGroup input[type=range]{width:100%;accent-color:var(--brand)}.DarkModeColorPairGeneratorClient-module__cuwl_W__sliderValue{font-variant-numeric:tabular-nums;font-weight:600}.DarkModeColorPairGeneratorClient-module__cuwl_W__previewSection{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.DarkModeColorPairGeneratorClient-module__cuwl_W__themePreview{display:flex}.DarkModeColorPairGeneratorClient-module__cuwl_W__themeCard{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow-2);gap:1.1rem;min-height:100%;padding:1.75rem;display:grid}.DarkModeColorPairGeneratorClient-module__cuwl_W__themeLabel{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:.8rem;font-weight:700}.DarkModeColorPairGeneratorClient-module__cuwl_W__themeCard h3{margin:0;font-size:1.2rem}.DarkModeColorPairGeneratorClient-module__cuwl_W__themeCard p{max-width:38ch;margin:0;line-height:1.6}.DarkModeColorPairGeneratorClient-module__cuwl_W__buttons{flex-wrap:wrap;gap:.75rem;display:flex}.DarkModeColorPairGeneratorClient-module__cuwl_W__primaryBtn{color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.6rem;font-weight:600;transition:transform .2s,box-shadow .2s}.DarkModeColorPairGeneratorClient-module__cuwl_W__primaryBtn:hover{transform:translateY(-2px)}.DarkModeColorPairGeneratorClient-module__cuwl_W__secondaryBtn{cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;transition:transform .2s}.DarkModeColorPairGeneratorClient-module__cuwl_W__secondaryBtn:hover{transform:translateY(-1px)}.DarkModeColorPairGeneratorClient-module__cuwl_W__variablesCard{gap:1.5rem}.DarkModeColorPairGeneratorClient-module__cuwl_W__variablesHeader h3{margin:0;font-size:1.1rem}.DarkModeColorPairGeneratorClient-module__cuwl_W__variablesHeader p{max-width:60ch;margin:0}.DarkModeColorPairGeneratorClient-module__cuwl_W__variableList{gap:1rem;display:grid}.DarkModeColorPairGeneratorClient-module__cuwl_W__variableRow{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--panel-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.DarkModeColorPairGeneratorClient-module__cuwl_W__variableLabel{align-items:center;gap:.65rem;min-width:240px;display:flex}.DarkModeColorPairGeneratorClient-module__cuwl_W__dot{border:1px solid rgba(0,0,0,.08);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.DarkModeColorPairGeneratorClient-module__cuwl_W__name{font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;font-weight:600}.DarkModeColorPairGeneratorClient-module__cuwl_W__label{color:var(--muted);font-size:.8rem}.DarkModeColorPairGeneratorClient-module__cuwl_W__valueSwatches{flex-wrap:wrap;gap:.75rem;display:flex}.DarkModeColorPairGeneratorClient-module__cuwl_W__swatch{border-radius:var(--radius-sm);min-width:140px;box-shadow:var(--shadow-1);gap:.25rem;padding:.75rem;font-size:.85rem;font-weight:600;display:grid}.DarkModeColorPairGeneratorClient-module__cuwl_W__swatch span:first-child{font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.DarkModeColorPairGeneratorClient-module__cuwl_W__swatchLabel{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.DarkModeColorPairGeneratorClient-module__cuwl_W__codeCard{gap:1.25rem}.DarkModeColorPairGeneratorClient-module__cuwl_W__codeHeader{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.DarkModeColorPairGeneratorClient-module__cuwl_W__codeHeader h3{margin:0}.DarkModeColorPairGeneratorClient-module__cuwl_W__codeHeader p{max-width:60ch;margin:.25rem 0 0}.DarkModeColorPairGeneratorClient-module__cuwl_W__codeBlock{color:#f8fafc;border-radius:calc(var(--radius) + 4px);background:#111;padding:1.25rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}@media (max-width:720px){.DarkModeColorPairGeneratorClient-module__cuwl_W__codeHeader{flex-direction:column}.DarkModeColorPairGeneratorClient-module__cuwl_W__variableRow{align-items:flex-start}.DarkModeColorPairGeneratorClient-module__cuwl_W__variableLabel{min-width:unset}}