.ColorToolsTool-module__IZMcpa__main{padding:var(--space-6);flex:1}@media (min-width:768px){.ColorToolsTool-module__IZMcpa__main{padding:var(--space-10)}}.ColorToolsTool-module__IZMcpa__container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.ColorToolsTool-module__IZMcpa__toolHeader{margin-bottom:var(--space-6)}.ColorToolsTool-module__IZMcpa__toolTitle{margin-bottom:var(--space-2);font-size:24px;font-weight:700}@media (min-width:768px){.ColorToolsTool-module__IZMcpa__toolTitle{font-size:30px}}.ColorToolsTool-module__IZMcpa__toolDesc{color:var(--color-muted-foreground);font-size:14px}@media (min-width:768px){.ColorToolsTool-module__IZMcpa__toolDesc{font-size:16px}}.ColorToolsTool-module__IZMcpa__contentGrid{gap:var(--space-6);flex-direction:column;display:flex}@media (min-width:1024px){.ColorToolsTool-module__IZMcpa__contentGrid{gap:var(--space-8);grid-template-columns:400px 1fr;align-items:start;display:grid}}.ColorToolsTool-module__IZMcpa__controlsColumn{gap:var(--space-4);flex-direction:column;display:flex}.ColorToolsTool-module__IZMcpa__outputColumn{gap:var(--space-6);flex-direction:column;display:flex}.ColorToolsTool-module__IZMcpa__sectionTitle{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.ColorToolsTool-module__IZMcpa__editorWrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-card);flex-direction:column;display:flex;overflow:hidden}.ColorToolsTool-module__IZMcpa__editorHeader{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-muted);justify-content:space-between;align-items:center;display:flex}.ColorToolsTool-module__IZMcpa__editorLabel{color:var(--color-foreground);font-size:13px;font-weight:600}.ColorToolsTool-module__IZMcpa__charCount{color:var(--color-muted-foreground);font-size:12px}.ColorToolsTool-module__IZMcpa__colorInput{width:100%;padding:var(--space-3) var(--space-4);color:var(--color-foreground);font-size:15px;font-family:var(--font-mono);background-color:#0000;border:none;outline:none}.ColorToolsTool-module__IZMcpa__colorInput::placeholder{color:var(--color-muted-foreground);opacity:.6}.ColorToolsTool-module__IZMcpa__colorInput:disabled{opacity:.5;cursor:not-allowed}.ColorToolsTool-module__IZMcpa__pickerRow{gap:var(--space-3);display:flex}.ColorToolsTool-module__IZMcpa__pickerBox{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);color:var(--color-foreground);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);flex:1;transition:all .2s;display:flex}.ColorToolsTool-module__IZMcpa__pickerBox:hover{border-color:var(--color-primary)}.ColorToolsTool-module__IZMcpa__nativePicker{cursor:pointer;background:0 0;border:none;border-radius:6px;width:36px;height:30px;padding:0}.ColorToolsTool-module__IZMcpa__nativePicker::-webkit-color-swatch-wrapper{padding:0}.ColorToolsTool-module__IZMcpa__nativePicker::-webkit-color-swatch{border:none;border-radius:4px}.ColorToolsTool-module__IZMcpa__nativePicker::-moz-color-swatch{border:none;border-radius:4px}.ColorToolsTool-module__IZMcpa__randomButton{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-primary-foreground);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);border:none;flex:1;transition:opacity .2s,transform .1s}.ColorToolsTool-module__IZMcpa__randomButton:hover:not(:disabled){opacity:.9}.ColorToolsTool-module__IZMcpa__randomButton:active:not(:disabled){transform:scale(.98)}.ColorToolsTool-module__IZMcpa__randomButton:disabled{opacity:.5;cursor:not-allowed}.ColorToolsTool-module__IZMcpa__paletteSection{gap:var(--space-3);flex-direction:column;display:flex}.ColorToolsTool-module__IZMcpa__swatchGrid{gap:var(--space-2);grid-template-columns:repeat(8,1fr);display:grid}.ColorToolsTool-module__IZMcpa__swatch{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:transform .1s,box-shadow .2s}.ColorToolsTool-module__IZMcpa__swatch:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.ColorToolsTool-module__IZMcpa__swatch:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.ColorToolsTool-module__IZMcpa__previewChecker{background-color:var(--color-card);background-image:linear-gradient(45deg, var(--color-border-strong) 25%, transparent 25%, transparent 75%, var(--color-border-strong) 75%, var(--color-border-strong)), linear-gradient(45deg, var(--color-border-strong) 25%, transparent 25%, transparent 75%, var(--color-border-strong) 75%, var(--color-border-strong));background-position:0 0,10px 10px;background-size:20px 20px;min-height:220px;position:relative}.ColorToolsTool-module__IZMcpa__previewSwatch{position:absolute;inset:0}.ColorToolsTool-module__IZMcpa__resultsList{flex-direction:column;display:flex}.ColorToolsTool-module__IZMcpa__resultRow{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ColorToolsTool-module__IZMcpa__resultRow:last-child{border-bottom:none}.ColorToolsTool-module__IZMcpa__resultLabel{width:56px;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:12px;font-weight:700}.ColorToolsTool-module__IZMcpa__resultValue{font-family:var(--font-mono);color:var(--color-foreground);word-break:break-all;flex:1;font-size:13px}.ColorToolsTool-module__IZMcpa__contrastBody{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.ColorToolsTool-module__IZMcpa__contrastRow{align-items:center;gap:var(--space-3);display:flex}.ColorToolsTool-module__IZMcpa__contrastSwatch{border-radius:var(--radius-full);border:1px solid var(--color-border);flex-shrink:0;width:22px;height:22px}.ColorToolsTool-module__IZMcpa__contrastLabel{color:var(--color-foreground);flex-shrink:0;font-size:13px}.ColorToolsTool-module__IZMcpa__contrastRatio{font-family:var(--font-mono);color:var(--color-foreground);font-size:13px;font-weight:600}.ColorToolsTool-module__IZMcpa__badge{padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;align-items:center;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.ColorToolsTool-module__IZMcpa__badgePass{background-color:var(--color-success);color:#fff}.ColorToolsTool-module__IZMcpa__badgeFail{background-color:var(--color-danger);color:#fff}.ColorToolsTool-module__IZMcpa__recommendRow{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);display:flex}.ColorToolsTool-module__IZMcpa__recommendLabel{color:var(--color-muted-foreground);font-size:13px}.ColorToolsTool-module__IZMcpa__recommendChip{padding:3px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.ColorToolsTool-module__IZMcpa__resetButton{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding-top:10px;padding-bottom:10px;padding-left:var(--space-5);padding-right:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font-sans);background-color:#0000;transition:all .2s;display:inline-flex}.ColorToolsTool-module__IZMcpa__resetButton:hover{border-color:var(--color-primary);color:var(--color-primary)}.ColorToolsTool-module__IZMcpa__actionButton{padding:6px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background-color:#0000;flex-shrink:0;align-items:center;gap:4px;transition:all .2s;display:inline-flex}.ColorToolsTool-module__IZMcpa__actionButton:hover{border-color:var(--color-primary);color:var(--color-primary)}.ColorToolsTool-module__IZMcpa__actionButtonCopied{color:var(--color-success);border-color:var(--color-success)}.ColorToolsTool-module__IZMcpa__note{color:var(--color-muted-foreground);margin-top:var(--space-1);padding:var(--space-3);background-color:var(--color-muted);border-radius:8px;font-size:12px;line-height:1.625}.ColorToolsTool-module__IZMcpa__placeholder{min-height:220px;color:var(--color-muted-foreground);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;flex-direction:column;font-size:14px;display:flex}.ColorToolsTool-module__IZMcpa__placeholderIcon{opacity:.3;font-size:48px}.ColorToolsTool-module__IZMcpa__errorBox{padding:var(--space-4);background-color:var(--color-danger);color:#fff;gap:var(--space-2);flex-direction:column;min-height:220px;font-size:14px;line-height:1.625;display:flex}.ColorToolsTool-module__IZMcpa__errorBox strong{font-size:15px;display:block}
.LoadingFallback-module__u25aZG__container{height:100%;color:var(--color-muted-foreground);justify-content:center;align-items:center;display:flex}.LoadingFallback-module__u25aZG__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:32px;height:32px;margin-right:var(--space-2);animation:.8s linear infinite LoadingFallback-module__u25aZG__spin}@keyframes LoadingFallback-module__u25aZG__spin{to{transform:rotate(360deg)}}
.ToolFaq-module__dTjDFG__faqSection{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.ToolFaq-module__dTjDFG__faqTitle{margin-bottom:var(--space-4);font-size:20px;font-weight:700}@media (min-width:768px){.ToolFaq-module__dTjDFG__faqTitle{font-size:22px}}.ToolFaq-module__dTjDFG__faqList{gap:var(--space-4);flex-direction:column;display:flex}.ToolFaq-module__dTjDFG__faqItem{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-card);transition:border-color .2s}.ToolFaq-module__dTjDFG__faqItem:hover{border-color:var(--color-primary)}.ToolFaq-module__dTjDFG__faqQuestion{margin-bottom:var(--space-2);font-size:15px;font-weight:600}.ToolFaq-module__dTjDFG__faqAnswer{color:var(--color-muted-foreground);font-size:14px;line-height:1.625}
.page-module___8aEwW__main{padding:var(--space-6);justify-content:center;align-items:center;gap:var(--space-10);flex-direction:column;flex:1;display:flex}@media (min-width:768px){.page-module___8aEwW__main{padding:var(--space-10)}}.page-module___8aEwW__heroSection{text-align:center;max-width:720px;padding-top:var(--space-10);padding-bottom:var(--space-10);padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:768px){.page-module___8aEwW__heroSection{padding-top:64px;padding-bottom:64px}}.page-module___8aEwW__heroTitle{margin-bottom:var(--space-4);font-size:30px;font-weight:700;line-height:1.25}@media (min-width:768px){.page-module___8aEwW__heroTitle{font-size:36px}}@media (min-width:1024px){.page-module___8aEwW__heroTitle{font-size:48px}}.page-module___8aEwW__heroSubtitle{color:var(--color-muted-foreground);max-width:560px;margin-left:auto;margin-right:auto;font-size:18px}@media (min-width:768px){.page-module___8aEwW__heroSubtitle{font-size:20px}}.page-module___8aEwW__ctaButton{margin-top:var(--space-8);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-primary-foreground);box-shadow:var(--shadow-md);justify-content:center;align-items:center;padding:14px 44px;font-size:17px;font-weight:600;line-height:1.5;transition:background-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.page-module___8aEwW__ctaButton:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.page-module___8aEwW__ctaButton:active{transform:translateY(0)}.page-module___8aEwW__heroStats{margin-top:var(--space-4);color:var(--color-muted-foreground);font-size:13px}.page-module___8aEwW__featureSection{width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.page-module___8aEwW__sectionTitle{text-align:center;margin-bottom:var(--space-8);font-size:22px;font-weight:700}@media (min-width:768px){.page-module___8aEwW__sectionTitle{font-size:26px}}.page-module___8aEwW__featureGrid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:640px){.page-module___8aEwW__featureGrid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.page-module___8aEwW__featureGrid{grid-template-columns:repeat(4,1fr)}}.page-module___8aEwW__featureItem{text-align:left}.page-module___8aEwW__featureTitle{margin-bottom:var(--space-2);color:var(--color-primary);font-size:16px;font-weight:600}.page-module___8aEwW__featureDesc{color:var(--color-muted-foreground);font-size:14px;line-height:1.625}.page-module___8aEwW__faqContainer{width:100%;max-width:800px;margin-left:auto;margin-right:auto}