.colorpicker-module__MTeJuq__colorPicker{gap:var(--space-xl);max-width:1000px;padding:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.colorpicker-module__MTeJuq__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin:0}.colorpicker-module__MTeJuq__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto}.colorpicker-module__MTeJuq__card{background-color:var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.colorpicker-module__MTeJuq__pickerSection{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1fr auto;display:grid}.colorpicker-module__MTeJuq__canvasContainer{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.colorpicker-module__MTeJuq__colorCanvas{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:crosshair;max-width:100%;height:auto}.colorpicker-module__MTeJuq__canvasLabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.colorpicker-module__MTeJuq__currentColor{align-items:center;gap:var(--space-md);flex-direction:column;min-width:200px;display:flex}.colorpicker-module__MTeJuq__colorPreview{border-radius:var(--radius-md);border:3px solid var(--color-border);width:80px;height:80px;box-shadow:var(--shadow-sm)}.colorpicker-module__MTeJuq__colorInfo{text-align:center}.colorpicker-module__MTeJuq__colorName{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-family:monospace}.colorpicker-module__MTeJuq__colorDetails{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-family:monospace}.colorpicker-module__MTeJuq__inputSection{margin-bottom:var(--space-xl)}.colorpicker-module__MTeJuq__formatSelector{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.colorpicker-module__MTeJuq__formatButton{padding:var(--space-xs)var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-secondary);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.colorpicker-module__MTeJuq__formatButton:hover{background-color:var(--color-primary)}.colorpicker-module__MTeJuq__formatButton.colorpicker-module__MTeJuq__active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.colorpicker-module__MTeJuq__inputGroup{gap:var(--space-sm);display:flex}.colorpicker-module__MTeJuq__colorInput{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-secondary);color:var(--color-text-primary);font-family:monospace;font-size:var(--font-size-base);flex:1}.colorpicker-module__MTeJuq__colorInput:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #007bff1a}.colorpicker-module__MTeJuq__copyButton{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-secondary);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.colorpicker-module__MTeJuq__copyButton:hover{background-color:var(--color-accent);color:#fff}.colorpicker-module__MTeJuq__paletteSection,.colorpicker-module__MTeJuq__complementarySection,.colorpicker-module__MTeJuq__contrastSection{margin-bottom:var(--space-xl)}.colorpicker-module__MTeJuq__paletteSection h3,.colorpicker-module__MTeJuq__complementarySection h3,.colorpicker-module__MTeJuq__contrastSection h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md)0}.colorpicker-module__MTeJuq__paletteGrid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(40px,1fr));max-width:300px;display:grid}.colorpicker-module__MTeJuq__paletteColor{border-radius:var(--radius-sm);cursor:pointer;border:2px solid var(--color-border-light);width:40px;height:40px;transition:all var(--transition-fast)}.colorpicker-module__MTeJuq__paletteColor:hover{border-color:var(--color-accent);transform:scale(1.1)}.colorpicker-module__MTeJuq__paletteColor.colorpicker-module__MTeJuq__active{border-color:var(--color-accent);box-shadow:0 0 0 2px #007bff4d}.colorpicker-module__MTeJuq__complementaryGrid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.colorpicker-module__MTeJuq__complementaryColor{border-radius:var(--radius-md);cursor:pointer;height:60px;padding:var(--space-sm);transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:flex-end;display:flex}.colorpicker-module__MTeJuq__complementaryColor:hover{border-color:var(--color-accent);transform:translateY(-2px)}.colorpicker-module__MTeJuq__colorHex{color:#fff;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-family:monospace;font-weight:var(--font-weight-bold);background-color:#000000b3;padding:2px 6px}.colorpicker-module__MTeJuq__contrastContainer{background-color:var(--color-secondary);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md)}.colorpicker-module__MTeJuq__contrastColors{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.colorpicker-module__MTeJuq__contrastColor{border-radius:var(--radius-md);height:80px;padding:var(--space-sm);color:#fff;font-family:monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-shadow:0 1px 2px #00000080;cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:flex-end;display:flex}.colorpicker-module__MTeJuq__contrastColor:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.colorpicker-module__MTeJuq__contrastResult{text-align:center}.colorpicker-module__MTeJuq__contrastRatio{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.colorpicker-module__MTeJuq__contrastLevel{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.colorpicker-module__MTeJuq__level{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.colorpicker-module__MTeJuq__level.colorpicker-module__MTeJuq__fail{background-color:var(--color-error);color:#fff}.colorpicker-module__MTeJuq__level.colorpicker-module__MTeJuq__aa{background-color:var(--color-warning);color:#fff}.colorpicker-module__MTeJuq__level.colorpicker-module__MTeJuq__aaa{background-color:var(--color-success);color:#fff}.colorpicker-module__MTeJuq__pass{color:var(--color-success);font-weight:var(--font-weight-bold)}.colorpicker-module__MTeJuq__contrastPresets{align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.colorpicker-module__MTeJuq__contrastPresets button{padding:var(--space-xs)var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.colorpicker-module__MTeJuq__contrastPresets button:hover{background-color:var(--color-accent);color:#fff}@media (max-width:768px){.colorpicker-module__MTeJuq__colorPicker{padding:var(--space-sm)}.colorpicker-module__MTeJuq__pickerSection{gap:var(--space-lg);grid-template-columns:1fr}.colorpicker-module__MTeJuq__currentColor{min-width:auto}.colorpicker-module__MTeJuq__paletteGrid{grid-template-columns:repeat(auto-fit,minmax(35px,1fr));max-width:none}.colorpicker-module__MTeJuq__complementaryGrid{grid-template-columns:1fr}.colorpicker-module__MTeJuq__complementaryColor{height:50px}.colorpicker-module__MTeJuq__contrastColors{grid-template-columns:1fr}.colorpicker-module__MTeJuq__inputGroup{flex-direction:column}.colorpicker-module__MTeJuq__copyButton{align-self:flex-start}}
.adsense-module__oB93xW__adContainer{min-height:100px;margin:var(--space-lg)0;background-color:var(--color-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.adsense-module__oB93xW__adPlaceholder{min-height:100px;padding:var(--space-lg);background-color:var(--color-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.adsense-module__oB93xW__adLabel{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.adsense-module__oB93xW__adContent{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}@media (max-width:768px){.adsense-module__oB93xW__adContainer{margin:var(--space-md)0}.adsense-module__oB93xW__adPlaceholder{padding:var(--space-md);min-height:80px}}