.ColorPickerTool-module__lG7TGW__container{width:100%;max-width:800px;margin:0 auto}.ColorPickerTool-module__lG7TGW__layout{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.ColorPickerTool-module__lG7TGW__pickerCol{gap:var(--space-4);flex-direction:column;display:flex}.ColorPickerTool-module__lG7TGW__swatchBox{border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--color-border);width:100%;height:200px;transition:all var(--transition-fast);position:relative}.ColorPickerTool-module__lG7TGW__hiddenPicker{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.ColorPickerTool-module__lG7TGW__label{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600;display:block}.ColorPickerTool-module__lG7TGW__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg);background:var(--color-bg);font-family:Courier New,monospace}.ColorPickerTool-module__lG7TGW__input:focus{border-color:var(--color-primary);outline:none}.ColorPickerTool-module__lG7TGW__rgbFields{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}.ColorPickerTool-module__lG7TGW__formatsCol{gap:var(--space-3);flex-direction:column;display:flex}.ColorPickerTool-module__lG7TGW__formatRow{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.ColorPickerTool-module__lG7TGW__formatLabel{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;min-width:36px;font-weight:700}.ColorPickerTool-module__lG7TGW__formatValue{font-size:var(--text-sm);color:var(--color-fg);flex:1;font-family:Courier New,monospace;font-weight:600}.ColorPickerTool-module__lG7TGW__copyBtn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;font-size:var(--text-xs);color:var(--color-fg);transition:all var(--transition-fast);min-width:48px;font-weight:600}.ColorPickerTool-module__lG7TGW__copyBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:640px){.ColorPickerTool-module__lG7TGW__layout{grid-template-columns:1fr}}