.ColorConverter-module__E7z7Ha__wrap{max-width:560px;margin:0 auto}.ColorConverter-module__E7z7Ha__card{padding:24px}.ColorConverter-module__E7z7Ha__preview{border-radius:var(--radius-md);border:1px solid var(--color-border);height:140px;margin-bottom:18px}.ColorConverter-module__E7z7Ha__pickerRow{gap:12px;margin-bottom:20px;display:flex}.ColorConverter-module__E7z7Ha__picker{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;flex:none;width:56px;height:49px;padding:4px}.ColorConverter-module__E7z7Ha__pickerRow .ColorConverter-module__E7z7Ha__tool-input{font-family:var(--font-mono);flex:1}.ColorConverter-module__E7z7Ha__values{gap:10px;display:grid}.ColorConverter-module__E7z7Ha__value{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.ColorConverter-module__E7z7Ha__valLabel{font-family:var(--font-mono);color:var(--color-purple);font-size:12px;font-weight:500}.ColorConverter-module__E7z7Ha__valCode{font-family:var(--font-mono);color:var(--color-heading);font-size:14px}.ColorConverter-module__E7z7Ha__valCopy{border:1px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-xs);cursor:pointer;width:34px;height:34px;transition:var(--transition-short)}.ColorConverter-module__E7z7Ha__valCopy:hover:not(:disabled){border-color:var(--color-purple)}.ColorConverter-module__E7z7Ha__valCopy:disabled{opacity:.5;cursor:default}