.ColorConverter-module-scss-module__uMlB0q__col-conv{background:var(--color-bg-widget);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-widget)}.ColorConverter-module-scss-module__uMlB0q__col-conv__tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__tab{padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base);flex:1;min-height:44px;font-weight:500}.ColorConverter-module-scss-module__uMlB0q__col-conv__tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.ColorConverter-module-scss-module__uMlB0q__col-conv__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.ColorConverter-module-scss-module__uMlB0q__col-conv__tab--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.ColorConverter-module-scss-module__uMlB0q__col-conv__body{gap:var(--spacing-lg);flex-direction:column;display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__inputs{gap:var(--spacing-md);flex-direction:column;max-width:480px;display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.ColorConverter-module-scss-module__uMlB0q__col-conv__hex-row{align-items:center;gap:var(--spacing-sm);display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__color-picker{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:44px;height:44px;padding:2px}.ColorConverter-module-scss-module__uMlB0q__col-conv__input{width:100%;padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg);min-height:44px;transition:border-color var(--transition-base)}.ColorConverter-module-scss-module__uMlB0q__col-conv__input:focus{border-color:var(--color-primary);outline:none}.ColorConverter-module-scss-module__uMlB0q__col-conv__input[type=number]{-moz-appearance:textfield}.ColorConverter-module-scss-module__uMlB0q__col-conv__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ColorConverter-module-scss-module__uMlB0q__col-conv__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ColorConverter-module-scss-module__uMlB0q__col-conv__error{font-size:var(--font-size-sm);color:#dc2626}.ColorConverter-module-scss-module__uMlB0q__col-conv__preview{border-radius:var(--radius-md);max-width:480px;height:100px;padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:flex-end;transition:background-color .15s;display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__preview-label,.ColorConverter-module-scss-module__uMlB0q__col-conv__preview-hex{font-size:var(--font-size-sm);color:#ffffffd9;text-shadow:0 1px 3px #0006;font-weight:600}.ColorConverter-module-scss-module__uMlB0q__col-conv__outputs{gap:var(--spacing-sm);flex-direction:column;max-width:480px;display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__output{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}.ColorConverter-module-scss-module__uMlB0q__col-conv__output-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:36px;font-weight:600}.ColorConverter-module-scss-module__uMlB0q__col-conv__output-value{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all;flex:1;font-family:Courier New,monospace}.ColorConverter-module-scss-module__uMlB0q__col-conv__copy{padding:6px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;min-height:36px;transition:border-color var(--transition-base),color var(--transition-base);font-size:13px}.ColorConverter-module-scss-module__uMlB0q__col-conv__copy:hover{border-color:var(--color-primary);color:var(--color-primary)}